import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ButtonBasicDemoComponent } from './button/button-basic-demo/button-basic-demo.component';
import { ButtonIconDemoComponent } from './button/button-icon-demo/button-icon-demo.component';
import { ButtonSizeDemoComponent } from './button/button-size-demo/button-size-demo.component';
import { ButtonDisabledDemoComponent } from './button/button-disabled-demo/button-disabled-demo.component';
import { ButtonLoadingDemoComponent } from './button/button-loading-demo/button-loading-demo.component';
import { ButtonMultipleDemoComponent } from './button/button-multiple-demo/button-multiple-demo.component';
import { ButtonButtonGroupDemoComponent } from './button/button-button-group-demo/button-button-group-demo.component';
import { ButtonGhostDemoComponent } from './button/button-ghost-demo/button-ghost-demo.component';
import { ButtonBlockDemoComponent } from './button/button-block-demo/button-block-demo.component';
import { ButtonDangerDemoComponent } from './button/button-danger-demo/button-danger-demo.component';
import { IconBasicDemoComponent } from './icon/icon-basic-demo/icon-basic-demo.component';
import { IconTwotoneDemoComponent } from './icon/icon-twotone-demo/icon-twotone-demo.component';
import { IconCustomDemoComponent } from './icon/icon-custom-demo/icon-custom-demo.component';
import { IconIconfontDemoComponent } from './icon/icon-iconfont-demo/icon-iconfont-demo.component';
import { IconNamespaceDemoComponent } from './icon/icon-namespace-demo/icon-namespace-demo.component';
import { TypographyBasicDemoComponent } from './typography/typography-basic-demo/typography-basic-demo.component';
import { TypographyTitleDemoComponent } from './typography/typography-title-demo/typography-title-demo.component';
import { TypographyInteractiveDemoComponent } from './typography/typography-interactive-demo/typography-interactive-demo.component';
import { TypographyTextDemoComponent } from './typography/typography-text-demo/typography-text-demo.component';
import { TypographyEllipsisDemoComponent } from './typography/typography-ellipsis-demo/typography-ellipsis-demo.component';
import { TypographySuffixDemoComponent } from './typography/typography-suffix-demo/typography-suffix-demo.component';
import { DividerHorizontalDemoComponent } from './divider/divider-horizontal-demo/divider-horizontal-demo.component';
import { DividerOrientationDemoComponent } from './divider/divider-orientation-demo/divider-orientation-demo.component';
import { DividerVerticalDemoComponent } from './divider/divider-vertical-demo/divider-vertical-demo.component';
import { DividerPlainDemoComponent } from './divider/divider-plain-demo/divider-plain-demo.component';
import { GridBasicDemoComponent } from './grid/grid-basic-demo/grid-basic-demo.component';
import { GridGutterDemoComponent } from './grid/grid-gutter-demo/grid-gutter-demo.component';
import { GridOffsetDemoComponent } from './grid/grid-offset-demo/grid-offset-demo.component';
import { GridSortDemoComponent } from './grid/grid-sort-demo/grid-sort-demo.component';
import { GridFlexDemoComponent } from './grid/grid-flex-demo/grid-flex-demo.component';
import { GridFlexAlignDemoComponent } from './grid/grid-flex-align-demo/grid-flex-align-demo.component';
import { GridFlexOrderDemoComponent } from './grid/grid-flex-order-demo/grid-flex-order-demo.component';
import { GridFlexStretchDemoComponent } from './grid/grid-flex-stretch-demo/grid-flex-stretch-demo.component';
import { GridResponsiveDemoComponent } from './grid/grid-responsive-demo/grid-responsive-demo.component';
import { GridResponsiveMoreDemoComponent } from './grid/grid-responsive-more-demo/grid-responsive-more-demo.component';
import { GridPlaygroundDemoComponent } from './grid/grid-playground-demo/grid-playground-demo.component';
import { LayoutBasicDemoComponent } from './layout/layout-basic-demo/layout-basic-demo.component';
import { LayoutTopDemoComponent } from './layout/layout-top-demo/layout-top-demo.component';
import { LayoutTopSide2DemoComponent } from './layout/layout-top-side-2-demo/layout-top-side-2-demo.component';
import { LayoutTopSideDemoComponent } from './layout/layout-top-side-demo/layout-top-side-demo.component';
import { LayoutSideDemoComponent } from './layout/layout-side-demo/layout-side-demo.component';
import { LayoutCustomTriggerDemoComponent } from './layout/layout-custom-trigger-demo/layout-custom-trigger-demo.component';
import { LayoutResponsiveDemoComponent } from './layout/layout-responsive-demo/layout-responsive-demo.component';
import { LayoutFixedDemoComponent } from './layout/layout-fixed-demo/layout-fixed-demo.component';
import { LayoutFixedSiderDemoComponent } from './layout/layout-fixed-sider-demo/layout-fixed-sider-demo.component';
import { SpaceBasicDemoComponent } from './space/space-basic-demo/space-basic-demo.component';
import { SpaceVerticalDemoComponent } from './space/space-vertical-demo/space-vertical-demo.component';
import { SpaceSizeDemoComponent } from './space/space-size-demo/space-size-demo.component';
import { SpaceAlignDemoComponent } from './space/space-align-demo/space-align-demo.component';
import { SpaceCustomizeDemoComponent } from './space/space-customize-demo/space-customize-demo.component';
import { SpaceSplitDemoComponent } from './space/space-split-demo/space-split-demo.component';
import { AffixBasicDemoComponent } from './affix/affix-basic-demo/affix-basic-demo.component';
import { AffixOnChangeDemoComponent } from './affix/affix-on-change-demo/affix-on-change-demo.component';
import { AffixTargetDemoComponent } from './affix/affix-target-demo/affix-target-demo.component';
import { BreadcrumbBasicDemoComponent } from './breadcrumb/breadcrumb-basic-demo/breadcrumb-basic-demo.component';
import { BreadcrumbWithIconDemoComponent } from './breadcrumb/breadcrumb-with-icon-demo/breadcrumb-with-icon-demo.component';
import { BreadcrumbRouterDemoComponent } from './breadcrumb/breadcrumb-router-demo/breadcrumb-router-demo.component';
import { BreadcrumbAutoDemoComponent } from './breadcrumb/breadcrumb-auto-demo/breadcrumb-auto-demo.component';
import { BreadcrumbSeparatorDemoComponent } from './breadcrumb/breadcrumb-separator-demo/breadcrumb-separator-demo.component';
import { BreadcrumbDropdownDemoComponent } from './breadcrumb/breadcrumb-dropdown-demo/breadcrumb-dropdown-demo.component';
import { BreadcrumbSeparatorIndependentDemoComponent } from './breadcrumb/breadcrumb-separator-independent-demo/breadcrumb-separator-independent-demo.component';
import { DropdownBasicDemoComponent } from './dropdown/dropdown-basic-demo/dropdown-basic-demo.component';
import { DropdownPlacementDemoComponent } from './dropdown/dropdown-placement-demo/dropdown-placement-demo.component';
import { DropdownItemDemoComponent } from './dropdown/dropdown-item-demo/dropdown-item-demo.component';
import { DropdownTriggerDemoComponent } from './dropdown/dropdown-trigger-demo/dropdown-trigger-demo.component';
import { DropdownEventDemoComponent } from './dropdown/dropdown-event-demo/dropdown-event-demo.component';
import { DropdownDropdownButtonDemoComponent } from './dropdown/dropdown-dropdown-button-demo/dropdown-dropdown-button-demo.component';
import { DropdownSubMenuDemoComponent } from './dropdown/dropdown-sub-menu-demo/dropdown-sub-menu-demo.component';
import { DropdownOverlayVisibleDemoComponent } from './dropdown/dropdown-overlay-visible-demo/dropdown-overlay-visible-demo.component';
import { DropdownContextMenuDemoComponent } from './dropdown/dropdown-context-menu-demo/dropdown-context-menu-demo.component';
import { MenuHorizontalDemoComponent } from './menu/menu-horizontal-demo/menu-horizontal-demo.component';
import { MenuHorizontalPositionDemoComponent } from './menu/menu-horizontal-position-demo/menu-horizontal-position-demo.component';
import { MenuInlineDemoComponent } from './menu/menu-inline-demo/menu-inline-demo.component';
import { MenuInlineCollapsedDemoComponent } from './menu/menu-inline-collapsed-demo/menu-inline-collapsed-demo.component';
import { MenuSiderCurrentDemoComponent } from './menu/menu-sider-current-demo/menu-sider-current-demo.component';
import { MenuVerticalDemoComponent } from './menu/menu-vertical-demo/menu-vertical-demo.component';
import { MenuThemeDemoComponent } from './menu/menu-theme-demo/menu-theme-demo.component';
import { MenuSwitchModeDemoComponent } from './menu/menu-switch-mode-demo/menu-switch-mode-demo.component';
import { MenuRouterDemoComponent } from './menu/menu-router-demo/menu-router-demo.component';
import { MenuRecursiveDemoComponent } from './menu/menu-recursive-demo/menu-recursive-demo.component';
import { PageHeaderBasicDemoComponent } from './page-header/page-header-basic-demo/page-header-basic-demo.component';
import { PageHeaderGhostDemoComponent } from './page-header/page-header-ghost-demo/page-header-ghost-demo.component';
import { PageHeaderBreadcrumbDemoComponent } from './page-header/page-header-breadcrumb-demo/page-header-breadcrumb-demo.component';
import { PageHeaderContentDemoComponent } from './page-header/page-header-content-demo/page-header-content-demo.component';
import { PageHeaderActionsDemoComponent } from './page-header/page-header-actions-demo/page-header-actions-demo.component';
import { PageHeaderResponsiveDemoComponent } from './page-header/page-header-responsive-demo/page-header-responsive-demo.component';
import { PaginationBasicDemoComponent } from './pagination/pagination-basic-demo/pagination-basic-demo.component';
import { PaginationMoreDemoComponent } from './pagination/pagination-more-demo/pagination-more-demo.component';
import { PaginationChangerDemoComponent } from './pagination/pagination-changer-demo/pagination-changer-demo.component';
import { PaginationJumpDemoComponent } from './pagination/pagination-jump-demo/pagination-jump-demo.component';
import { PaginationMiniDemoComponent } from './pagination/pagination-mini-demo/pagination-mini-demo.component';
import { PaginationSimpleDemoComponent } from './pagination/pagination-simple-demo/pagination-simple-demo.component';
import { PaginationControlledDemoComponent } from './pagination/pagination-controlled-demo/pagination-controlled-demo.component';
import { PaginationTotalDemoComponent } from './pagination/pagination-total-demo/pagination-total-demo.component';
import { PaginationItemRenderDemoComponent } from './pagination/pagination-item-render-demo/pagination-item-render-demo.component';
import { StepsSimpleDemoComponent } from './steps/steps-simple-demo/steps-simple-demo.component';
import { StepsSmallSizeDemoComponent } from './steps/steps-small-size-demo/steps-small-size-demo.component';
import { StepsStartIndexDemoComponent } from './steps/steps-start-index-demo/steps-start-index-demo.component';
import { StepsIconDemoComponent } from './steps/steps-icon-demo/steps-icon-demo.component';
import { StepsStepNextDemoComponent } from './steps/steps-step-next-demo/steps-step-next-demo.component';
import { StepsVerticalDemoComponent } from './steps/steps-vertical-demo/steps-vertical-demo.component';
import { StepsVerticalSmallDemoComponent } from './steps/steps-vertical-small-demo/steps-vertical-small-demo.component';
import { StepsErrorDemoComponent } from './steps/steps-error-demo/steps-error-demo.component';
import { StepsProgressDotDemoComponent } from './steps/steps-progress-dot-demo/steps-progress-dot-demo.component';
import { StepsCustomizedProgressDotDemoComponent } from './steps/steps-customized-progress-dot-demo/steps-customized-progress-dot-demo.component';
import { StepsClickableDemoComponent } from './steps/steps-clickable-demo/steps-clickable-demo.component';
import { StepsNavDemoComponent } from './steps/steps-nav-demo/steps-nav-demo.component';
import { StepsProgressDemoComponent } from './steps/steps-progress-demo/steps-progress-demo.component';
import { AutoCompleteBasicDemoComponent } from './auto-complete/auto-complete-basic-demo/auto-complete-basic-demo.component';
import { AutoCompleteObjectValueDemoComponent } from './auto-complete/auto-complete-object-value-demo/auto-complete-object-value-demo.component';
import { AutoCompleteOptionsDemoComponent } from './auto-complete/auto-complete-options-demo/auto-complete-options-demo.component';
import { AutoCompleteCustomDemoComponent } from './auto-complete/auto-complete-custom-demo/auto-complete-custom-demo.component';
import { AutoCompleteNonCaseSensitiveDemoComponent } from './auto-complete/auto-complete-non-case-sensitive-demo/auto-complete-non-case-sensitive-demo.component';
import { AutoCompleteCertainCategoryDemoComponent } from './auto-complete/auto-complete-certain-category-demo/auto-complete-certain-category-demo.component';
import { AutoCompleteUncertainCategoryDemoComponent } from './auto-complete/auto-complete-uncertain-category-demo/auto-complete-uncertain-category-demo.component';
import { AutoCompleteStatusDemoComponent } from './auto-complete/auto-complete-status-demo/auto-complete-status-demo.component';
import { CascaderBasicDemoComponent } from './cascader/cascader-basic-demo/cascader-basic-demo.component';
import { CascaderDefaultValueDemoComponent } from './cascader/cascader-default-value-demo/cascader-default-value-demo.component';
import { CascaderTriggerDemoComponent } from './cascader/cascader-trigger-demo/cascader-trigger-demo.component';
import { CascaderHoverDemoComponent } from './cascader/cascader-hover-demo/cascader-hover-demo.component';
import { CascaderDisabledDemoComponent } from './cascader/cascader-disabled-demo/cascader-disabled-demo.component';
import { CascaderChangeOnSelectDemoComponent } from './cascader/cascader-change-on-select-demo/cascader-change-on-select-demo.component';
import { CascaderSizeDemoComponent } from './cascader/cascader-size-demo/cascader-size-demo.component';
import { CascaderCustomRenderDemoComponent } from './cascader/cascader-custom-render-demo/cascader-custom-render-demo.component';
import { CascaderReactiveFormDemoComponent } from './cascader/cascader-reactive-form-demo/cascader-reactive-form-demo.component';
import { CascaderLazyDemoComponent } from './cascader/cascader-lazy-demo/cascader-lazy-demo.component';
import { CascaderChangeOnFunctionDemoComponent } from './cascader/cascader-change-on-function-demo/cascader-change-on-function-demo.component';
import { CascaderModalDemoComponent } from './cascader/cascader-modal-demo/cascader-modal-demo.component';
import { CascaderSearchDemoComponent } from './cascader/cascader-search-demo/cascader-search-demo.component';
import { CascaderTriggerActionDemoComponent } from './cascader/cascader-trigger-action-demo/cascader-trigger-action-demo.component';
import { CascaderDefaultValueAndLazyloadDemoComponent } from './cascader/cascader-default-value-and-lazyload-demo/cascader-default-value-and-lazyload-demo.component';
import { CascaderDefaultValueAndAsynOptionsDemoComponent } from './cascader/cascader-default-value-and-asyn-options-demo/cascader-default-value-and-asyn-options-demo.component';
import { CascaderCustomFieldNamesDemoComponent } from './cascader/cascader-custom-field-names-demo/cascader-custom-field-names-demo.component';
import { CascaderCustomTemplateDemoComponent } from './cascader/cascader-custom-template-demo/cascader-custom-template-demo.component';
import { CascaderStatusDemoComponent } from './cascader/cascader-status-demo/cascader-status-demo.component';
import { CheckboxBasicDemoComponent } from './checkbox/checkbox-basic-demo/checkbox-basic-demo.component';
import { CheckboxDisabledDemoComponent } from './checkbox/checkbox-disabled-demo/checkbox-disabled-demo.component';
import { CheckboxControllerDemoComponent } from './checkbox/checkbox-controller-demo/checkbox-controller-demo.component';
import { CheckboxGroupDemoComponent } from './checkbox/checkbox-group-demo/checkbox-group-demo.component';
import { CheckboxCheckAllDemoComponent } from './checkbox/checkbox-check-all-demo/checkbox-check-all-demo.component';
import { CheckboxLayoutDemoComponent } from './checkbox/checkbox-layout-demo/checkbox-layout-demo.component';
import { ColorPickerBasicDemoComponent } from './color-picker/color-picker-basic-demo/color-picker-basic-demo.component';
import { ColorPickerSizeDemoComponent } from './color-picker/color-picker-size-demo/color-picker-size-demo.component';
import { ColorPickerShowTextDemoComponent } from './color-picker/color-picker-show-text-demo/color-picker-show-text-demo.component';
import { ColorPickerDisableDemoComponent } from './color-picker/color-picker-disable-demo/color-picker-disable-demo.component';
import { ColorPickerClearDemoComponent } from './color-picker/color-picker-clear-demo/color-picker-clear-demo.component';
import { ColorPickerTriggerDemoComponent } from './color-picker/color-picker-trigger-demo/color-picker-trigger-demo.component';
import { ColorPickerFormatDemoComponent } from './color-picker/color-picker-format-demo/color-picker-format-demo.component';
import { ColorPickerBlockDemoComponent } from './color-picker/color-picker-block-demo/color-picker-block-demo.component';
import { ColorPickerFlipFlopDemoComponent } from './color-picker/color-picker-flip-flop-demo/color-picker-flip-flop-demo.component';
import { ColorPickerUseDemoComponent } from './color-picker/color-picker-use-demo/color-picker-use-demo.component';
import { DatePickerBasicDemoComponent } from './date-picker/date-picker-basic-demo/date-picker-basic-demo.component';
import { DatePickerRangePickerDemoComponent } from './date-picker/date-picker-range-picker-demo/date-picker-range-picker-demo.component';
import { DatePickerSwitchDemoComponent } from './date-picker/date-picker-switch-demo/date-picker-switch-demo.component';
import { DatePickerFormatDemoComponent } from './date-picker/date-picker-format-demo/date-picker-format-demo.component';
import { DatePickerSizeDemoComponent } from './date-picker/date-picker-size-demo/date-picker-size-demo.component';
import { DatePickerTimeDemoComponent } from './date-picker/date-picker-time-demo/date-picker-time-demo.component';
import { DatePickerDisabledDemoComponent } from './date-picker/date-picker-disabled-demo/date-picker-disabled-demo.component';
import { DatePickerDisabledDateDemoComponent } from './date-picker/date-picker-disabled-date-demo/date-picker-disabled-date-demo.component';
import { DatePickerStartEndDemoComponent } from './date-picker/date-picker-start-end-demo/date-picker-start-end-demo.component';
import { DatePickerPresettedRangesDemoComponent } from './date-picker/date-picker-presetted-ranges-demo/date-picker-presetted-ranges-demo.component';
import { DatePickerExtraFooterDemoComponent } from './date-picker/date-picker-extra-footer-demo/date-picker-extra-footer-demo.component';
import { DatePickerDateRenderDemoComponent } from './date-picker/date-picker-date-render-demo/date-picker-date-render-demo.component';
import { DatePickerBorderedDemoComponent } from './date-picker/date-picker-bordered-demo/date-picker-bordered-demo.component';
import { DatePickerInlineDemoComponent } from './date-picker/date-picker-inline-demo/date-picker-inline-demo.component';
import { DatePickerStatusDemoComponent } from './date-picker/date-picker-status-demo/date-picker-status-demo.component';
import { DatePickerPlacementDemoComponent } from './date-picker/date-picker-placement-demo/date-picker-placement-demo.component';
import { DatePickerWeekNumberDemoComponent } from './date-picker/date-picker-week-number-demo/date-picker-week-number-demo.component';
import { FormHorizontalLoginDemoComponent } from './form/form-horizontal-login-demo/form-horizontal-login-demo.component';
import { FormNormalLoginDemoComponent } from './form/form-normal-login-demo/form-normal-login-demo.component';
import { FormRegisterDemoComponent } from './form/form-register-demo/form-register-demo.component';
import { FormAdvancedSearchDemoComponent } from './form/form-advanced-search-demo/form-advanced-search-demo.component';
import { FormDynamicFormItemDemoComponent } from './form/form-dynamic-form-item-demo/form-dynamic-form-item-demo.component';
import { FormTimeRelatedControlsDemoComponent } from './form/form-time-related-controls-demo/form-time-related-controls-demo.component';
import { FormValidateReactiveDemoComponent } from './form/form-validate-reactive-demo/form-validate-reactive-demo.component';
import { FormValidateTemplateDemoComponent } from './form/form-validate-template-demo/form-validate-template-demo.component';
import { FormAutoTipsDemoComponent } from './form/form-auto-tips-demo/form-auto-tips-demo.component';
import { FormValidateStaticDemoComponent } from './form/form-validate-static-demo/form-validate-static-demo.component';
import { FormCoordinatedDemoComponent } from './form/form-coordinated-demo/form-coordinated-demo.component';
import { FormLayoutDemoComponent } from './form/form-layout-demo/form-layout-demo.component';
import { FormDynamicRuleDemoComponent } from './form/form-dynamic-rule-demo/form-dynamic-rule-demo.component';
import { FormLabelWrapDemoComponent } from './form/form-label-wrap-demo/form-label-wrap-demo.component';
import { FormLabelAlignDemoComponent } from './form/form-label-align-demo/form-label-align-demo.component';
import { InputBasicDemoComponent } from './input/input-basic-demo/input-basic-demo.component';
import { InputSizeDemoComponent } from './input/input-size-demo/input-size-demo.component';
import { InputAddonDemoComponent } from './input/input-addon-demo/input-addon-demo.component';
import { InputGroupDemoComponent } from './input/input-group-demo/input-group-demo.component';
import { InputSearchInputDemoComponent } from './input/input-search-input-demo/input-search-input-demo.component';
import { InputTextareaDemoComponent } from './input/input-textarea-demo/input-textarea-demo.component';
import { InputAutosizeTextareaDemoComponent } from './input/input-autosize-textarea-demo/input-autosize-textarea-demo.component';
import { InputTooltipDemoComponent } from './input/input-tooltip-demo/input-tooltip-demo.component';
import { InputPresuffixDemoComponent } from './input/input-presuffix-demo/input-presuffix-demo.component';
import { InputPasswordInputDemoComponent } from './input/input-password-input-demo/input-password-input-demo.component';
import { InputAllowClearDemoComponent } from './input/input-allow-clear-demo/input-allow-clear-demo.component';
import { InputBorderlessDemoComponent } from './input/input-borderless-demo/input-borderless-demo.component';
import { InputTextareaWithCharacterCountDemoComponent } from './input/input-textarea-with-character-count-demo/input-textarea-with-character-count-demo.component';
import { InputStatusDemoComponent } from './input/input-status-demo/input-status-demo.component';
import { InputNumberBasicDemoComponent } from './input-number/input-number-basic-demo/input-number-basic-demo.component';
import { InputNumberBorderlessDemoComponent } from './input-number/input-number-borderless-demo/input-number-borderless-demo.component';
import { InputNumberSizeDemoComponent } from './input-number/input-number-size-demo/input-number-size-demo.component';
import { InputNumberDisabledDemoComponent } from './input-number/input-number-disabled-demo/input-number-disabled-demo.component';
import { InputNumberDigitDemoComponent } from './input-number/input-number-digit-demo/input-number-digit-demo.component';
import { InputNumberFormatterDemoComponent } from './input-number/input-number-formatter-demo/input-number-formatter-demo.component';
import { InputNumberPrecisionDemoComponent } from './input-number/input-number-precision-demo/input-number-precision-demo.component';
import { InputNumberStatusDemoComponent } from './input-number/input-number-status-demo/input-number-status-demo.component';
import { InputNumberAddonDemoComponent } from './input-number/input-number-addon-demo/input-number-addon-demo.component';
import { InputNumberPrefixDemoComponent } from './input-number/input-number-prefix-demo/input-number-prefix-demo.component';
import { InputNumberGroupDemoComponent } from './input-number/input-number-group-demo/input-number-group-demo.component';
import { MentionBasicDemoComponent } from './mention/mention-basic-demo/mention-basic-demo.component';
import { MentionAsyncDemoComponent } from './mention/mention-async-demo/mention-async-demo.component';
import { MentionFormDemoComponent } from './mention/mention-form-demo/mention-form-demo.component';
import { MentionPrefixDemoComponent } from './mention/mention-prefix-demo/mention-prefix-demo.component';
import { MentionReadonlyDemoComponent } from './mention/mention-readonly-demo/mention-readonly-demo.component';
import { MentionPlacementDemoComponent } from './mention/mention-placement-demo/mention-placement-demo.component';
import { MentionAvatarDemoComponent } from './mention/mention-avatar-demo/mention-avatar-demo.component';
import { MentionCustomTagDemoComponent } from './mention/mention-custom-tag-demo/mention-custom-tag-demo.component';
import { MentionMultilinesDemoComponent } from './mention/mention-multilines-demo/mention-multilines-demo.component';
import { MentionPreviewDemoComponent } from './mention/mention-preview-demo/mention-preview-demo.component';
import { MentionStatusDemoComponent } from './mention/mention-status-demo/mention-status-demo.component';
import { RadioBasicDemoComponent } from './radio/radio-basic-demo/radio-basic-demo.component';
import { RadioDisableDemoComponent } from './radio/radio-disable-demo/radio-disable-demo.component';
import { RadioRadiogroupDemoComponent } from './radio/radio-radiogroup-demo/radio-radiogroup-demo.component';
import { RadioRadiogroupMoreDemoComponent } from './radio/radio-radiogroup-more-demo/radio-radiogroup-more-demo.component';
import { RadioRadiogroupOptionsDemoComponent } from './radio/radio-radiogroup-options-demo/radio-radiogroup-options-demo.component';
import { RadioRadiobuttonDemoComponent } from './radio/radio-radiobutton-demo/radio-radiobutton-demo.component';
import { RadioRadiogroupWithNameDemoComponent } from './radio/radio-radiogroup-with-name-demo/radio-radiogroup-with-name-demo.component';
import { RadioSizeDemoComponent } from './radio/radio-size-demo/radio-size-demo.component';
import { RadioSolidDemoComponent } from './radio/radio-solid-demo/radio-solid-demo.component';
import { RateBasicDemoComponent } from './rate/rate-basic-demo/rate-basic-demo.component';
import { RateHalfDemoComponent } from './rate/rate-half-demo/rate-half-demo.component';
import { RateTextDemoComponent } from './rate/rate-text-demo/rate-text-demo.component';
import { RateDisabledDemoComponent } from './rate/rate-disabled-demo/rate-disabled-demo.component';
import { RateClearDemoComponent } from './rate/rate-clear-demo/rate-clear-demo.component';
import { RateCharacterDemoComponent } from './rate/rate-character-demo/rate-character-demo.component';
import { RateCustomizeDemoComponent } from './rate/rate-customize-demo/rate-customize-demo.component';
import { SelectBasicDemoComponent } from './select/select-basic-demo/select-basic-demo.component';
import { SelectSearchDemoComponent } from './select/select-search-demo/select-search-demo.component';
import { SelectMultipleDemoComponent } from './select/select-multiple-demo/select-multiple-demo.component';
import { SelectSizeDemoComponent } from './select/select-size-demo/select-size-demo.component';
import { SelectTagsDemoComponent } from './select/select-tags-demo/select-tags-demo.component';
import { SelectOptgroupDemoComponent } from './select/select-optgroup-demo/select-optgroup-demo.component';
import { SelectCoordinateDemoComponent } from './select/select-coordinate-demo/select-coordinate-demo.component';
import { SelectSearchBoxDemoComponent } from './select/select-search-box-demo/select-search-box-demo.component';
import { SelectLabelInValueDemoComponent } from './select/select-label-in-value-demo/select-label-in-value-demo.component';
import { SelectAutomaticTokenizationDemoComponent } from './select/select-automatic-tokenization-demo/select-automatic-tokenization-demo.component';
import { SelectSelectUsersDemoComponent } from './select/select-select-users-demo/select-select-users-demo.component';
import { SelectCustomDropdownMenuDemoComponent } from './select/select-custom-dropdown-menu-demo/select-custom-dropdown-menu-demo.component';
import { SelectHideSelectedDemoComponent } from './select/select-hide-selected-demo/select-hide-selected-demo.component';
import { SelectCustomContentDemoComponent } from './select/select-custom-content-demo/select-custom-content-demo.component';
import { SelectScrollLoadDemoComponent } from './select/select-scroll-load-demo/select-scroll-load-demo.component';
import { SelectDefaultValueDemoComponent } from './select/select-default-value-demo/select-default-value-demo.component';
import { SelectBigDataDemoComponent } from './select/select-big-data-demo/select-big-data-demo.component';
import { SelectBorderLessDemoComponent } from './select/select-border-less-demo/select-border-less-demo.component';
import { SelectCustomTemplateDemoComponent } from './select/select-custom-template-demo/select-custom-template-demo.component';
import { SelectOptionsDemoComponent } from './select/select-options-demo/select-options-demo.component';
import { SelectStatusDemoComponent } from './select/select-status-demo/select-status-demo.component';
import { SelectPlacementDemoComponent } from './select/select-placement-demo/select-placement-demo.component';
import { SliderBasicDemoComponent } from './slider/slider-basic-demo/slider-basic-demo.component';
import { SliderInputNumberDemoComponent } from './slider/slider-input-number-demo/slider-input-number-demo.component';
import { SliderIconSliderDemoComponent } from './slider/slider-icon-slider-demo/slider-icon-slider-demo.component';
import { SliderTipFormatterDemoComponent } from './slider/slider-tip-formatter-demo/slider-tip-formatter-demo.component';
import { SliderEventDemoComponent } from './slider/slider-event-demo/slider-event-demo.component';
import { SliderMarkDemoComponent } from './slider/slider-mark-demo/slider-mark-demo.component';
import { SliderVerticalDemoComponent } from './slider/slider-vertical-demo/slider-vertical-demo.component';
import { SliderTooltipDemoComponent } from './slider/slider-tooltip-demo/slider-tooltip-demo.component';
import { SliderReverseDemoComponent } from './slider/slider-reverse-demo/slider-reverse-demo.component';
import { SwitchBasicDemoComponent } from './switch/switch-basic-demo/switch-basic-demo.component';
import { SwitchDisabledDemoComponent } from './switch/switch-disabled-demo/switch-disabled-demo.component';
import { SwitchTextDemoComponent } from './switch/switch-text-demo/switch-text-demo.component';
import { SwitchSizeDemoComponent } from './switch/switch-size-demo/switch-size-demo.component';
import { SwitchLoadingDemoComponent } from './switch/switch-loading-demo/switch-loading-demo.component';
import { SwitchControlDemoComponent } from './switch/switch-control-demo/switch-control-demo.component';
import { TimePickerBasicDemoComponent } from './time-picker/time-picker-basic-demo/time-picker-basic-demo.component';
import { TimePickerValueDemoComponent } from './time-picker/time-picker-value-demo/time-picker-value-demo.component';
import { TimePickerSizeDemoComponent } from './time-picker/time-picker-size-demo/time-picker-size-demo.component';
import { TimePickerDisabledDemoComponent } from './time-picker/time-picker-disabled-demo/time-picker-disabled-demo.component';
import { TimePickerHideColumnDemoComponent } from './time-picker/time-picker-hide-column-demo/time-picker-hide-column-demo.component';
import { TimePickerIntervalOptionsDemoComponent } from './time-picker/time-picker-interval-options-demo/time-picker-interval-options-demo.component';
import { TimePickerAddonDemoComponent } from './time-picker/time-picker-addon-demo/time-picker-addon-demo.component';
import { TimePickerDisabledPartDemoComponent } from './time-picker/time-picker-disabled-part-demo/time-picker-disabled-part-demo.component';
import { TimePickerUse12HoursDemoComponent } from './time-picker/time-picker-use12-hours-demo/time-picker-use12-hours-demo.component';
import { TimePickerStatusDemoComponent } from './time-picker/time-picker-status-demo/time-picker-status-demo.component';
import { TimePickerBorderedDemoComponent } from './time-picker/time-picker-bordered-demo/time-picker-bordered-demo.component';
import { TransferBasicDemoComponent } from './transfer/transfer-basic-demo/transfer-basic-demo.component';
import { TransferSearchDemoComponent } from './transfer/transfer-search-demo/transfer-search-demo.component';
import { TransferAdvancedDemoComponent } from './transfer/transfer-advanced-demo/transfer-advanced-demo.component';
import { TransferCustomItemDemoComponent } from './transfer/transfer-custom-item-demo/transfer-custom-item-demo.component';
import { TransferTableTransferDemoComponent } from './transfer/transfer-table-transfer-demo/transfer-table-transfer-demo.component';
import { TransferTreeTransferDemoComponent } from './transfer/transfer-tree-transfer-demo/transfer-tree-transfer-demo.component';
import { TransferStatusDemoComponent } from './transfer/transfer-status-demo/transfer-status-demo.component';
import { TreeSelectBasicDemoComponent } from './tree-select/tree-select-basic-demo/tree-select-basic-demo.component';
import { TreeSelectMultipleDemoComponent } from './tree-select/tree-select-multiple-demo/tree-select-multiple-demo.component';
import { TreeSelectAsyncDemoComponent } from './tree-select/tree-select-async-demo/tree-select-async-demo.component';
import { TreeSelectCheckableDemoComponent } from './tree-select/tree-select-checkable-demo/tree-select-checkable-demo.component';
import { TreeSelectVirtualScrollDemoComponent } from './tree-select/tree-select-virtual-scroll-demo/tree-select-virtual-scroll-demo.component';
import { TreeSelectPlacementDemoComponent } from './tree-select/tree-select-placement-demo/tree-select-placement-demo.component';
import { TreeSelectStatusDemoComponent } from './tree-select/tree-select-status-demo/tree-select-status-demo.component';
import { UploadBasicDemoComponent } from './upload/upload-basic-demo/upload-basic-demo.component';
import { UploadAvatarDemoComponent } from './upload/upload-avatar-demo/upload-avatar-demo.component';
import { UploadDefaultFileListDemoComponent } from './upload/upload-default-file-list-demo/upload-default-file-list-demo.component';
import { UploadPictureCardDemoComponent } from './upload/upload-picture-card-demo/upload-picture-card-demo.component';
import { UploadFileListDemoComponent } from './upload/upload-file-list-demo/upload-file-list-demo.component';
import { UploadDragDemoComponent } from './upload/upload-drag-demo/upload-drag-demo.component';
import { UploadDirectoryDemoComponent } from './upload/upload-directory-demo/upload-directory-demo.component';
import { UploadUploadManuallyDemoComponent } from './upload/upload-upload-manually-demo/upload-upload-manually-demo.component';
import { UploadPictureStyleDemoComponent } from './upload/upload-picture-style-demo/upload-picture-style-demo.component';
import { UploadPreviewFileDemoComponent } from './upload/upload-preview-file-demo/upload-preview-file-demo.component';
import { UploadTransformFileDemoComponent } from './upload/upload-transform-file-demo/upload-transform-file-demo.component';
import { UploadUploadWithAliyunOssDemoComponent } from './upload/upload-upload-with-aliyun-oss-demo/upload-upload-with-aliyun-oss-demo.component';
import { AvatarBasicDemoComponent } from './avatar/avatar-basic-demo/avatar-basic-demo.component';
import { AvatarTypeDemoComponent } from './avatar/avatar-type-demo/avatar-type-demo.component';
import { AvatarDynamicDemoComponent } from './avatar/avatar-dynamic-demo/avatar-dynamic-demo.component';
import { AvatarBadgeDemoComponent } from './avatar/avatar-badge-demo/avatar-badge-demo.component';
import { AvatarGroupDemoComponent } from './avatar/avatar-group-demo/avatar-group-demo.component';
import { BadgeBasicDemoComponent } from './badge/badge-basic-demo/badge-basic-demo.component';
import { BadgeNoWrapperDemoComponent } from './badge/badge-no-wrapper-demo/badge-no-wrapper-demo.component';
import { BadgeOverflowDemoComponent } from './badge/badge-overflow-demo/badge-overflow-demo.component';
import { BadgeDotDemoComponent } from './badge/badge-dot-demo/badge-dot-demo.component';
import { BadgeLinkDemoComponent } from './badge/badge-link-demo/badge-link-demo.component';
import { BadgeChangeDemoComponent } from './badge/badge-change-demo/badge-change-demo.component';
import { BadgeOffsetDemoComponent } from './badge/badge-offset-demo/badge-offset-demo.component';
import { BadgeStatusDemoComponent } from './badge/badge-status-demo/badge-status-demo.component';
import { BadgeSizeDemoComponent } from './badge/badge-size-demo/badge-size-demo.component';
import { BadgeColorfulDemoComponent } from './badge/badge-colorful-demo/badge-colorful-demo.component';
import { BadgeRibbonDemoComponent } from './badge/badge-ribbon-demo/badge-ribbon-demo.component';
import { CalendarBasicDemoComponent } from './calendar/calendar-basic-demo/calendar-basic-demo.component';
import { CalendarNoticeCalendarDemoComponent } from './calendar/calendar-notice-calendar-demo/calendar-notice-calendar-demo.component';
import { CalendarCardDemoComponent } from './calendar/calendar-card-demo/calendar-card-demo.component';
import { CalendarSelectDemoComponent } from './calendar/calendar-select-demo/calendar-select-demo.component';
import { CardBasicDemoComponent } from './card/card-basic-demo/card-basic-demo.component';
import { CardBorderLessDemoComponent } from './card/card-border-less-demo/card-border-less-demo.component';
import { CardSimpleDemoComponent } from './card/card-simple-demo/card-simple-demo.component';
import { CardFlexibleContentDemoComponent } from './card/card-flexible-content-demo/card-flexible-content-demo.component';
import { CardInColumnDemoComponent } from './card/card-in-column-demo/card-in-column-demo.component';
import { CardLoadingDemoComponent } from './card/card-loading-demo/card-loading-demo.component';
import { CardGridCardDemoComponent } from './card/card-grid-card-demo/card-grid-card-demo.component';
import { CardInnerDemoComponent } from './card/card-inner-demo/card-inner-demo.component';
import { CardTabsDemoComponent } from './card/card-tabs-demo/card-tabs-demo.component';
import { CardMetaDemoComponent } from './card/card-meta-demo/card-meta-demo.component';
import { CarouselBasicDemoComponent } from './carousel/carousel-basic-demo/carousel-basic-demo.component';
import { CarouselPositionDemoComponent } from './carousel/carousel-position-demo/carousel-position-demo.component';
import { CarouselFadeDemoComponent } from './carousel/carousel-fade-demo/carousel-fade-demo.component';
import { CarouselAutoplayDemoComponent } from './carousel/carousel-autoplay-demo/carousel-autoplay-demo.component';
import { CarouselCustomDemoComponent } from './carousel/carousel-custom-demo/carousel-custom-demo.component';
import { CarouselLoopDemoComponent } from './carousel/carousel-loop-demo/carousel-loop-demo.component';
import { CollapseBasicDemoComponent } from './collapse/collapse-basic-demo/collapse-basic-demo.component';
import { CollapseAccordionDemoComponent } from './collapse/collapse-accordion-demo/collapse-accordion-demo.component';
import { CollapseMixDemoComponent } from './collapse/collapse-mix-demo/collapse-mix-demo.component';
import { CollapseBorderlessDemoComponent } from './collapse/collapse-borderless-demo/collapse-borderless-demo.component';
import { CollapseCustomDemoComponent } from './collapse/collapse-custom-demo/collapse-custom-demo.component';
import { CollapseNoarrowDemoComponent } from './collapse/collapse-noarrow-demo/collapse-noarrow-demo.component';
import { CollapseExtraDemoComponent } from './collapse/collapse-extra-demo/collapse-extra-demo.component';
import { CollapseGhostDemoComponent } from './collapse/collapse-ghost-demo/collapse-ghost-demo.component';
import { CommentBasicDemoComponent } from './comment/comment-basic-demo/comment-basic-demo.component';
import { CommentListDemoComponent } from './comment/comment-list-demo/comment-list-demo.component';
import { CommentNestedDemoComponent } from './comment/comment-nested-demo/comment-nested-demo.component';
import { CommentEditorDemoComponent } from './comment/comment-editor-demo/comment-editor-demo.component';
import { DescriptionsBasicDemoComponent } from './descriptions/descriptions-basic-demo/descriptions-basic-demo.component';
import { DescriptionsBorderDemoComponent } from './descriptions/descriptions-border-demo/descriptions-border-demo.component';
import { DescriptionsCustomSizeDemoComponent } from './descriptions/descriptions-custom-size-demo/descriptions-custom-size-demo.component';
import { DescriptionsResponsiveDemoComponent } from './descriptions/descriptions-responsive-demo/descriptions-responsive-demo.component';
import { DescriptionsVerticalDemoComponent } from './descriptions/descriptions-vertical-demo/descriptions-vertical-demo.component';
import { DescriptionsVerticalBorderDemoComponent } from './descriptions/descriptions-vertical-border-demo/descriptions-vertical-border-demo.component';
import { EmptyBasicDemoComponent } from './empty/empty-basic-demo/empty-basic-demo.component';
import { EmptySimpleDemoComponent } from './empty/empty-simple-demo/empty-simple-demo.component';
import { EmptyCustomizeDemoComponent } from './empty/empty-customize-demo/empty-customize-demo.component';
import { EmptyConfigDemoComponent } from './empty/empty-config-demo/empty-config-demo.component';
import { EmptyDescriptionDemoComponent } from './empty/empty-description-demo/empty-description-demo.component';
import { ImageBasicDemoComponent } from './image/image-basic-demo/image-basic-demo.component';
import { ImageFallbackDemoComponent } from './image/image-fallback-demo/image-fallback-demo.component';
import { ImagePlaceholderDemoComponent } from './image/image-placeholder-demo/image-placeholder-demo.component';
import { ImagePreviewGroupDemoComponent } from './image/image-preview-group-demo/image-preview-group-demo.component';
import { ImageServiceDemoComponent } from './image/image-service-demo/image-service-demo.component';
import { ImageControlledPreviewDemoComponent } from './image/image-controlled-preview-demo/image-controlled-preview-demo.component';
import { ListSimpleDemoComponent } from './list/list-simple-demo/list-simple-demo.component';
import { ListBasicDemoComponent } from './list/list-basic-demo/list-basic-demo.component';
import { ListLoadmoreDemoComponent } from './list/list-loadmore-demo/list-loadmore-demo.component';
import { ListVerticalDemoComponent } from './list/list-vertical-demo/list-vertical-demo.component';
import { ListGridDemoComponent } from './list/list-grid-demo/list-grid-demo.component';
import { ListResposiveDemoComponent } from './list/list-resposive-demo/list-resposive-demo.component';
import { ListInfiniteLoadDemoComponent } from './list/list-infinite-load-demo/list-infinite-load-demo.component';
import { PopoverBasicDemoComponent } from './popover/popover-basic-demo/popover-basic-demo.component';
import { PopoverPlacementDemoComponent } from './popover/popover-placement-demo/popover-placement-demo.component';
import { PopoverControlDemoComponent } from './popover/popover-control-demo/popover-control-demo.component';
import { PopoverArrowPointAtCenterDemoComponent } from './popover/popover-arrow-point-at-center-demo/popover-arrow-point-at-center-demo.component';
import { PopoverTemplateDemoComponent } from './popover/popover-template-demo/popover-template-demo.component';
import { PopoverTriggerTypeDemoComponent } from './popover/popover-trigger-type-demo/popover-trigger-type-demo.component';
import { QrCodeBasicDemoComponent } from './qr-code/qr-code-basic-demo/qr-code-basic-demo.component';
import { QrCodeIconDemoComponent } from './qr-code/qr-code-icon-demo/qr-code-icon-demo.component';
import { QrCodeStatusDemoComponent } from './qr-code/qr-code-status-demo/qr-code-status-demo.component';
import { QrCodePaddingDemoComponent } from './qr-code/qr-code-padding-demo/qr-code-padding-demo.component';
import { QrCodeColorDemoComponent } from './qr-code/qr-code-color-demo/qr-code-color-demo.component';
import { QrCodeBackgroundDemoComponent } from './qr-code/qr-code-background-demo/qr-code-background-demo.component';
import { QrCodeErrorLevelDemoComponent } from './qr-code/qr-code-error-level-demo/qr-code-error-level-demo.component';
import { QrCodeDownloadDemoComponent } from './qr-code/qr-code-download-demo/qr-code-download-demo.component';
import { SegmentedBasicDemoComponent } from './segmented/segmented-basic-demo/segmented-basic-demo.component';
import { SegmentedDisabledDemoComponent } from './segmented/segmented-disabled-demo/segmented-disabled-demo.component';
import { SegmentedDynamicDemoComponent } from './segmented/segmented-dynamic-demo/segmented-dynamic-demo.component';
import { SegmentedIconDemoComponent } from './segmented/segmented-icon-demo/segmented-icon-demo.component';
import { SegmentedValueDemoComponent } from './segmented/segmented-value-demo/segmented-value-demo.component';
import { SegmentedCustomDemoComponent } from './segmented/segmented-custom-demo/segmented-custom-demo.component';
import { SegmentedSizeDemoComponent } from './segmented/segmented-size-demo/segmented-size-demo.component';
import { SegmentedBlockDemoComponent } from './segmented/segmented-block-demo/segmented-block-demo.component';
import { StatisticBasicDemoComponent } from './statistic/statistic-basic-demo/statistic-basic-demo.component';
import { StatisticUnitDemoComponent } from './statistic/statistic-unit-demo/statistic-unit-demo.component';
import { StatisticCardDemoComponent } from './statistic/statistic-card-demo/statistic-card-demo.component';
import { StatisticCountdownDemoComponent } from './statistic/statistic-countdown-demo/statistic-countdown-demo.component';
import { TableBasicDemoComponent } from './table/table-basic-demo/table-basic-demo.component';
import { TableRowSelectionAndOperationDemoComponent } from './table/table-row-selection-and-operation-demo/table-row-selection-and-operation-demo.component';
import { TableRowSelectionCustomDemoComponent } from './table/table-row-selection-custom-demo/table-row-selection-custom-demo.component';
import { TableSortFilterDemoComponent } from './table/table-sort-filter-demo/table-sort-filter-demo.component';
import { TableMultipleSorterDemoComponent } from './table/table-multiple-sorter-demo/table-multiple-sorter-demo.component';
import { TableResetFilterDemoComponent } from './table/table-reset-filter-demo/table-reset-filter-demo.component';
import { TableCustomFilterPanelDemoComponent } from './table/table-custom-filter-panel-demo/table-custom-filter-panel-demo.component';
import { TableAjaxDemoComponent } from './table/table-ajax-demo/table-ajax-demo.component';
import { TableSizeDemoComponent } from './table/table-size-demo/table-size-demo.component';
import { TableBorderedDemoComponent } from './table/table-bordered-demo/table-bordered-demo.component';
import { TableExpandDemoComponent } from './table/table-expand-demo/table-expand-demo.component';
import { TableExpandIconDemoComponent } from './table/table-expand-icon-demo/table-expand-icon-demo.component';
import { TableColspanRowspanDemoComponent } from './table/table-colspan-rowspan-demo/table-colspan-rowspan-demo.component';
import { TableExpandChildrenDemoComponent } from './table/table-expand-children-demo/table-expand-children-demo.component';
import { TableFixedHeaderDemoComponent } from './table/table-fixed-header-demo/table-fixed-header-demo.component';
import { TableFixedColumnsDemoComponent } from './table/table-fixed-columns-demo/table-fixed-columns-demo.component';
import { TableFixedColumnsHeaderDemoComponent } from './table/table-fixed-columns-header-demo/table-fixed-columns-header-demo.component';
import { TableGroupingColumnsDemoComponent } from './table/table-grouping-columns-demo/table-grouping-columns-demo.component';
import { TableEditCellDemoComponent } from './table/table-edit-cell-demo/table-edit-cell-demo.component';
import { TableEditRowDemoComponent } from './table/table-edit-row-demo/table-edit-row-demo.component';
import { TableNestedTableDemoComponent } from './table/table-nested-table-demo/table-nested-table-demo.component';
import { TableVirtualDemoComponent } from './table/table-virtual-demo/table-virtual-demo.component';
import { TableDragSortingDemoComponent } from './table/table-drag-sorting-demo/table-drag-sorting-demo.component';
import { TableTemplateDemoComponent } from './table/table-template-demo/table-template-demo.component';
import { TableBreakWordDemoComponent } from './table/table-break-word-demo/table-break-word-demo.component';
import { TableEllipsisDemoComponent } from './table/table-ellipsis-demo/table-ellipsis-demo.component';
import { TableDynamicSettingsDemoComponent } from './table/table-dynamic-settings-demo/table-dynamic-settings-demo.component';
import { TableCustomColumnDemoComponent } from './table/table-custom-column-demo/table-custom-column-demo.component';
import { TabsBasicDemoComponent } from './tabs/tabs-basic-demo/tabs-basic-demo.component';
import { TabsDisabledDemoComponent } from './tabs/tabs-disabled-demo/tabs-disabled-demo.component';
import { TabsCenteredDemoComponent } from './tabs/tabs-centered-demo/tabs-centered-demo.component';
import { TabsIconDemoComponent } from './tabs/tabs-icon-demo/tabs-icon-demo.component';
import { TabsSlideDemoComponent } from './tabs/tabs-slide-demo/tabs-slide-demo.component';
import { TabsExtraDemoComponent } from './tabs/tabs-extra-demo/tabs-extra-demo.component';
import { TabsSizeDemoComponent } from './tabs/tabs-size-demo/tabs-size-demo.component';
import { TabsPositionDemoComponent } from './tabs/tabs-position-demo/tabs-position-demo.component';
import { TabsCardDemoComponent } from './tabs/tabs-card-demo/tabs-card-demo.component';
import { TabsEditableCardDemoComponent } from './tabs/tabs-editable-card-demo/tabs-editable-card-demo.component';
import { TabsCardTopDemoComponent } from './tabs/tabs-card-top-demo/tabs-card-top-demo.component';
import { TabsCustomAddTriggerDemoComponent } from './tabs/tabs-custom-add-trigger-demo/tabs-custom-add-trigger-demo.component';
import { TabsLazyDemoComponent } from './tabs/tabs-lazy-demo/tabs-lazy-demo.component';
import { TabsLinkRouterDemoComponent } from './tabs/tabs-link-router-demo/tabs-link-router-demo.component';
import { TabsGuardDemoComponent } from './tabs/tabs-guard-demo/tabs-guard-demo.component';
import { TagBasicDemoComponent } from './tag/tag-basic-demo/tag-basic-demo.component';
import { TagColorfulDemoComponent } from './tag/tag-colorful-demo/tag-colorful-demo.component';
import { TagControlDemoComponent } from './tag/tag-control-demo/tag-control-demo.component';
import { TagCheckableDemoComponent } from './tag/tag-checkable-demo/tag-checkable-demo.component';
import { TagHotTagsDemoComponent } from './tag/tag-hot-tags-demo/tag-hot-tags-demo.component';
import { TagIconDemoComponent } from './tag/tag-icon-demo/tag-icon-demo.component';
import { TagStatusDemoComponent } from './tag/tag-status-demo/tag-status-demo.component';
import { TimelineBasicDemoComponent } from './timeline/timeline-basic-demo/timeline-basic-demo.component';
import { TimelineColorDemoComponent } from './timeline/timeline-color-demo/timeline-color-demo.component';
import { TimelinePendingDemoComponent } from './timeline/timeline-pending-demo/timeline-pending-demo.component';
import { TimelineAlternateDemoComponent } from './timeline/timeline-alternate-demo/timeline-alternate-demo.component';
import { TimelineCustomDemoComponent } from './timeline/timeline-custom-demo/timeline-custom-demo.component';
import { TimelineRightDemoComponent } from './timeline/timeline-right-demo/timeline-right-demo.component';
import { TimelinePositionDemoComponent } from './timeline/timeline-position-demo/timeline-position-demo.component';
import { TimelineLabelDemoComponent } from './timeline/timeline-label-demo/timeline-label-demo.component';
import { TooltipBasicDemoComponent } from './tooltip/tooltip-basic-demo/tooltip-basic-demo.component';
import { TooltipPlacementDemoComponent } from './tooltip/tooltip-placement-demo/tooltip-placement-demo.component';
import { TooltipArrowPointAtCenterDemoComponent } from './tooltip/tooltip-arrow-point-at-center-demo/tooltip-arrow-point-at-center-demo.component';
import { TooltipTemplateDemoComponent } from './tooltip/tooltip-template-demo/tooltip-template-demo.component';
import { TooltipOriginDemoComponent } from './tooltip/tooltip-origin-demo/tooltip-origin-demo.component';
import { TooltipColorDemoComponent } from './tooltip/tooltip-color-demo/tooltip-color-demo.component';
import { TreeBasicDemoComponent } from './tree/tree-basic-demo/tree-basic-demo.component';
import { TreeBasicControlledDemoComponent } from './tree/tree-basic-controlled-demo/tree-basic-controlled-demo.component';
import { TreeDraggableDemoComponent } from './tree/tree-draggable-demo/tree-draggable-demo.component';
import { TreeDraggableConfirmDemoComponent } from './tree/tree-draggable-confirm-demo/tree-draggable-confirm-demo.component';
import { TreeDynamicDemoComponent } from './tree/tree-dynamic-demo/tree-dynamic-demo.component';
import { TreeSearchDemoComponent } from './tree/tree-search-demo/tree-search-demo.component';
import { TreeLineDemoComponent } from './tree/tree-line-demo/tree-line-demo.component';
import { TreeCustomizedIconDemoComponent } from './tree/tree-customized-icon-demo/tree-customized-icon-demo.component';
import { TreeDirectoryDemoComponent } from './tree/tree-directory-demo/tree-directory-demo.component';
import { TreeVirtualScrollDemoComponent } from './tree/tree-virtual-scroll-demo/tree-virtual-scroll-demo.component';
import { TreeViewBasicDemoComponent } from './tree-view/tree-view-basic-demo/tree-view-basic-demo.component';
import { TreeViewCheckboxDemoComponent } from './tree-view/tree-view-checkbox-demo/tree-view-checkbox-demo.component';
import { TreeViewDirectoryDemoComponent } from './tree-view/tree-view-directory-demo/tree-view-directory-demo.component';
import { TreeViewDynamicDemoComponent } from './tree-view/tree-view-dynamic-demo/tree-view-dynamic-demo.component';
import { TreeViewLineDemoComponent } from './tree-view/tree-view-line-demo/tree-view-line-demo.component';
import { TreeViewEditableDemoComponent } from './tree-view/tree-view-editable-demo/tree-view-editable-demo.component';
import { TreeViewSearchDemoComponent } from './tree-view/tree-view-search-demo/tree-view-search-demo.component';
import { TreeViewVirtualScrollDemoComponent } from './tree-view/tree-view-virtual-scroll-demo/tree-view-virtual-scroll-demo.component';
import { AlertBasicDemoComponent } from './alert/alert-basic-demo/alert-basic-demo.component';
import { AlertStyleDemoComponent } from './alert/alert-style-demo/alert-style-demo.component';
import { AlertClosableDemoComponent } from './alert/alert-closable-demo/alert-closable-demo.component';
import { AlertDescriptionDemoComponent } from './alert/alert-description-demo/alert-description-demo.component';
import { AlertIconDemoComponent } from './alert/alert-icon-demo/alert-icon-demo.component';
import { AlertCloseTextDemoComponent } from './alert/alert-close-text-demo/alert-close-text-demo.component';
import { AlertBannerDemoComponent } from './alert/alert-banner-demo/alert-banner-demo.component';
import { AlertActionDemoComponent } from './alert/alert-action-demo/alert-action-demo.component';
import { AlertCustomIconDemoComponent } from './alert/alert-custom-icon-demo/alert-custom-icon-demo.component';
import { DrawerBasicRightDemoComponent } from './drawer/drawer-basic-right-demo/drawer-basic-right-demo.component';
import { DrawerPlacementDemoComponent } from './drawer/drawer-placement-demo/drawer-placement-demo.component';
import { DrawerFromDrawerDemoComponent } from './drawer/drawer-from-drawer-demo/drawer-from-drawer-demo.component';
import { DrawerUserProfileDemoComponent } from './drawer/drawer-user-profile-demo/drawer-user-profile-demo.component';
import { DrawerMultiLevelDrawerDemoComponent } from './drawer/drawer-multi-level-drawer-demo/drawer-multi-level-drawer-demo.component';
import { DrawerServiceDemoComponent } from './drawer/drawer-service-demo/drawer-service-demo.component';
import { DrawerSizeDemoComponent } from './drawer/drawer-size-demo/drawer-size-demo.component';
import { MessageInfoDemoComponent } from './message/message-info-demo/message-info-demo.component';
import { MessageOtherDemoComponent } from './message/message-other-demo/message-other-demo.component';
import { MessageDurationDemoComponent } from './message/message-duration-demo/message-duration-demo.component';
import { MessageLoadingDemoComponent } from './message/message-loading-demo/message-loading-demo.component';
import { MessageCloseDemoComponent } from './message/message-close-demo/message-close-demo.component';
import { ModalBasicDemoComponent } from './modal/modal-basic-demo/modal-basic-demo.component';
import { ModalAsyncDemoComponent } from './modal/modal-async-demo/modal-async-demo.component';
import { ModalFooterDemoComponent } from './modal/modal-footer-demo/modal-footer-demo.component';
import { ModalFooter2DemoComponent } from './modal/modal-footer2-demo/modal-footer2-demo.component';
import { ModalConfirmDemoComponent } from './modal/modal-confirm-demo/modal-confirm-demo.component';
import { ModalConfirmPromiseDemoComponent } from './modal/modal-confirm-promise-demo/modal-confirm-promise-demo.component';
import { ModalInfoDemoComponent } from './modal/modal-info-demo/modal-info-demo.component';
import { ModalLocaleDemoComponent } from './modal/modal-locale-demo/modal-locale-demo.component';
import { ModalManualDemoComponent } from './modal/modal-manual-demo/modal-manual-demo.component';
import { ModalPositionDemoComponent } from './modal/modal-position-demo/modal-position-demo.component';
import { ModalServiceDemoComponent } from './modal/modal-service-demo/modal-service-demo.component';
import { NotificationBasicDemoComponent } from './notification/notification-basic-demo/notification-basic-demo.component';
import { NotificationDurationDemoComponent } from './notification/notification-duration-demo/notification-duration-demo.component';
import { NotificationWithIconDemoComponent } from './notification/notification-with-icon-demo/notification-with-icon-demo.component';
import { NotificationWithBtnDemoComponent } from './notification/notification-with-btn-demo/notification-with-btn-demo.component';
import { NotificationCustomIconDemoComponent } from './notification/notification-custom-icon-demo/notification-custom-icon-demo.component';
import { NotificationPlacementDemoComponent } from './notification/notification-placement-demo/notification-placement-demo.component';
import { NotificationCustomStyleDemoComponent } from './notification/notification-custom-style-demo/notification-custom-style-demo.component';
import { NotificationUpdateDemoComponent } from './notification/notification-update-demo/notification-update-demo.component';
import { NotificationTemplateDemoComponent } from './notification/notification-template-demo/notification-template-demo.component';
import { PopconfirmBasicDemoComponent } from './popconfirm/popconfirm-basic-demo/popconfirm-basic-demo.component';
import { PopconfirmLocaleDemoComponent } from './popconfirm/popconfirm-locale-demo/popconfirm-locale-demo.component';
import { PopconfirmPlacementDemoComponent } from './popconfirm/popconfirm-placement-demo/popconfirm-placement-demo.component';
import { PopconfirmDynamicTriggerDemoComponent } from './popconfirm/popconfirm-dynamic-trigger-demo/popconfirm-dynamic-trigger-demo.component';
import { PopconfirmCustomIconDemoComponent } from './popconfirm/popconfirm-custom-icon-demo/popconfirm-custom-icon-demo.component';
import { PopconfirmHideArrowDemoComponent } from './popconfirm/popconfirm-hide-arrow-demo/popconfirm-hide-arrow-demo.component';
import { PopconfirmAsyncDemoComponent } from './popconfirm/popconfirm-async-demo/popconfirm-async-demo.component';
import { PopconfirmPromiseDemoComponent } from './popconfirm/popconfirm-promise-demo/popconfirm-promise-demo.component';
import { ProgressLineDemoComponent } from './progress/progress-line-demo/progress-line-demo.component';
import { ProgressCircleDemoComponent } from './progress/progress-circle-demo/progress-circle-demo.component';
import { ProgressLineMiniDemoComponent } from './progress/progress-line-mini-demo/progress-line-mini-demo.component';
import { ProgressCircleMiniDemoComponent } from './progress/progress-circle-mini-demo/progress-circle-mini-demo.component';
import { ProgressCircleDynamicDemoComponent } from './progress/progress-circle-dynamic-demo/progress-circle-dynamic-demo.component';
import { ProgressDynamicDemoComponent } from './progress/progress-dynamic-demo/progress-dynamic-demo.component';
import { ProgressFormatDemoComponent } from './progress/progress-format-demo/progress-format-demo.component';
import { ProgressDashboardDemoComponent } from './progress/progress-dashboard-demo/progress-dashboard-demo.component';
import { ProgressSegmentDemoComponent } from './progress/progress-segment-demo/progress-segment-demo.component';
import { ProgressRoundDemoComponent } from './progress/progress-round-demo/progress-round-demo.component';
import { ProgressGradientDemoComponent } from './progress/progress-gradient-demo/progress-gradient-demo.component';
import { ProgressStepDemoComponent } from './progress/progress-step-demo/progress-step-demo.component';
import { ResultSuccessDemoComponent } from './result/result-success-demo/result-success-demo.component';
import { ResultInfoDemoComponent } from './result/result-info-demo/result-info-demo.component';
import { ResultWarningDemoComponent } from './result/result-warning-demo/result-warning-demo.component';
import { ResultFotDemoComponent } from './result/result-fot-demo/result-fot-demo.component';
import { ResultFofDemoComponent } from './result/result-fof-demo/result-fof-demo.component';
import { ResultFooDemoComponent } from './result/result-foo-demo/result-foo-demo.component';
import { ResultErrorDemoComponent } from './result/result-error-demo/result-error-demo.component';
import { ResultCustomDemoComponent } from './result/result-custom-demo/result-custom-demo.component';
import { SkeletonBasicDemoComponent } from './skeleton/skeleton-basic-demo/skeleton-basic-demo.component';
import { SkeletonComplexDemoComponent } from './skeleton/skeleton-complex-demo/skeleton-complex-demo.component';
import { SkeletonActiveDemoComponent } from './skeleton/skeleton-active-demo/skeleton-active-demo.component';
import { SkeletonElementDemoComponent } from './skeleton/skeleton-element-demo/skeleton-element-demo.component';
import { SkeletonChildrenDemoComponent } from './skeleton/skeleton-children-demo/skeleton-children-demo.component';
import { SkeletonListDemoComponent } from './skeleton/skeleton-list-demo/skeleton-list-demo.component';
import { SpinBasicDemoComponent } from './spin/spin-basic-demo/spin-basic-demo.component';
import { SpinSizeDemoComponent } from './spin/spin-size-demo/spin-size-demo.component';
import { SpinInsideDemoComponent } from './spin/spin-inside-demo/spin-inside-demo.component';
import { SpinNestedDemoComponent } from './spin/spin-nested-demo/spin-nested-demo.component';
import { SpinTipDemoComponent } from './spin/spin-tip-demo/spin-tip-demo.component';
import { SpinDelayAndDebounceDemoComponent } from './spin/spin-delay-and-debounce-demo/spin-delay-and-debounce-demo.component';
import { SpinCustomIndicatorDemoComponent } from './spin/spin-custom-indicator-demo/spin-custom-indicator-demo.component';
import { AnchorBasicDemoComponent } from './anchor/anchor-basic-demo/anchor-basic-demo.component';
import { AnchorStaticDemoComponent } from './anchor/anchor-static-demo/anchor-static-demo.component';
import { AnchorOnClickDemoComponent } from './anchor/anchor-on-click-demo/anchor-on-click-demo.component';
import { AnchorCustomizeHighlightDemoComponent } from './anchor/anchor-customize-highlight-demo/anchor-customize-highlight-demo.component';
import { AnchorTargetOffsetDemoComponent } from './anchor/anchor-target-offset-demo/anchor-target-offset-demo.component';
import { AnchorOnChangeDemoComponent } from './anchor/anchor-on-change-demo/anchor-on-change-demo.component';
import { BackTopBasicDemoComponent } from './back-top/back-top-basic-demo/back-top-basic-demo.component';
import { BackTopCustomDemoComponent } from './back-top/back-top-custom-demo/back-top-custom-demo.component';
import { BackTopTargetDemoComponent } from './back-top/back-top-target-demo/back-top-target-demo.component';
import { HashCodeBasicDemoComponent } from './hash-code/hash-code-basic-demo/hash-code-basic-demo.component';
import { HashCodeCopyDemoComponent } from './hash-code/hash-code-copy-demo/hash-code-copy-demo.component';
import { HashCodePrimaryDemoComponent } from './hash-code/hash-code-primary-demo/hash-code-primary-demo.component';
import { HashCodeSingleDemoComponent } from './hash-code/hash-code-single-demo/hash-code-single-demo.component';
import { HashCodeStripDemoComponent } from './hash-code/hash-code-strip-demo/hash-code-strip-demo.component';
import { HashCodeRectDemoComponent } from './hash-code/hash-code-rect-demo/hash-code-rect-demo.component';
import { HashCodeLogoDemoComponent } from './hash-code/hash-code-logo-demo/hash-code-logo-demo.component';

const routes: Routes = [
  { path: 'button-basic', component: ButtonBasicDemoComponent },
  { path: 'button-icon', component: ButtonIconDemoComponent },
  { path: 'button-size', component: ButtonSizeDemoComponent },
  { path: 'button-disabled', component: ButtonDisabledDemoComponent },
  { path: 'button-loading', component: ButtonLoadingDemoComponent },
  { path: 'button-multiple', component: ButtonMultipleDemoComponent },
  { path: 'button-button-group', component: ButtonButtonGroupDemoComponent },
  { path: 'button-ghost', component: ButtonGhostDemoComponent },
  { path: 'button-block', component: ButtonBlockDemoComponent },
  { path: 'button-danger', component: ButtonDangerDemoComponent },
  { path: 'icon-basic', component: IconBasicDemoComponent },
  { path: 'icon-twotone', component: IconTwotoneDemoComponent },
  { path: 'icon-custom', component: IconCustomDemoComponent },
  { path: 'icon-iconfont', component: IconIconfontDemoComponent },
  { path: 'icon-namespace', component: IconNamespaceDemoComponent },
  { path: 'typography-basic', component: TypographyBasicDemoComponent },
  { path: 'typography-title', component: TypographyTitleDemoComponent },
  {
    path: 'typography-interactive',
    component: TypographyInteractiveDemoComponent,
  },
  { path: 'typography-text', component: TypographyTextDemoComponent },
  { path: 'typography-ellipsis', component: TypographyEllipsisDemoComponent },
  { path: 'typography-suffix', component: TypographySuffixDemoComponent },
  { path: 'divider-horizontal', component: DividerHorizontalDemoComponent },
  { path: 'divider-orientation', component: DividerOrientationDemoComponent },
  { path: 'divider-vertical', component: DividerVerticalDemoComponent },
  { path: 'divider-plain', component: DividerPlainDemoComponent },
  { path: 'grid-basic', component: GridBasicDemoComponent },
  { path: 'grid-gutter', component: GridGutterDemoComponent },
  { path: 'grid-offset', component: GridOffsetDemoComponent },
  { path: 'grid-sort', component: GridSortDemoComponent },
  { path: 'grid-flex', component: GridFlexDemoComponent },
  { path: 'grid-flex-align', component: GridFlexAlignDemoComponent },
  { path: 'grid-flex-order', component: GridFlexOrderDemoComponent },
  { path: 'grid-flex-stretch', component: GridFlexStretchDemoComponent },
  { path: 'grid-responsive', component: GridResponsiveDemoComponent },
  { path: 'grid-responsive-more', component: GridResponsiveMoreDemoComponent },
  { path: 'grid-playground', component: GridPlaygroundDemoComponent },
  { path: 'layout-basic', component: LayoutBasicDemoComponent },
  { path: 'layout-top', component: LayoutTopDemoComponent },
  { path: 'layout-top-side-2', component: LayoutTopSide2DemoComponent },
  { path: 'layout-top-side', component: LayoutTopSideDemoComponent },
  { path: 'layout-side', component: LayoutSideDemoComponent },
  {
    path: 'layout-custom-trigger',
    component: LayoutCustomTriggerDemoComponent,
  },
  { path: 'layout-responsive', component: LayoutResponsiveDemoComponent },
  { path: 'layout-fixed', component: LayoutFixedDemoComponent },
  { path: 'layout-fixed-sider', component: LayoutFixedSiderDemoComponent },
  { path: 'space-basic', component: SpaceBasicDemoComponent },
  { path: 'space-vertical', component: SpaceVerticalDemoComponent },
  { path: 'space-size', component: SpaceSizeDemoComponent },
  { path: 'space-align', component: SpaceAlignDemoComponent },
  { path: 'space-customize', component: SpaceCustomizeDemoComponent },
  { path: 'space-split', component: SpaceSplitDemoComponent },
  { path: 'affix-basic', component: AffixBasicDemoComponent },
  { path: 'affix-on-change', component: AffixOnChangeDemoComponent },
  { path: 'affix-target', component: AffixTargetDemoComponent },
  { path: 'breadcrumb-basic', component: BreadcrumbBasicDemoComponent },
  { path: 'breadcrumb-with-icon', component: BreadcrumbWithIconDemoComponent },
  { path: 'breadcrumb-router', component: BreadcrumbRouterDemoComponent },
  { path: 'breadcrumb-auto', component: BreadcrumbAutoDemoComponent },
  { path: 'breadcrumb-separator', component: BreadcrumbSeparatorDemoComponent },
  { path: 'breadcrumb-dropdown', component: BreadcrumbDropdownDemoComponent },
  {
    path: 'breadcrumb-separator-independent',
    component: BreadcrumbSeparatorIndependentDemoComponent,
  },
  { path: 'dropdown-basic', component: DropdownBasicDemoComponent },
  { path: 'dropdown-placement', component: DropdownPlacementDemoComponent },
  { path: 'dropdown-item', component: DropdownItemDemoComponent },
  { path: 'dropdown-trigger', component: DropdownTriggerDemoComponent },
  { path: 'dropdown-event', component: DropdownEventDemoComponent },
  {
    path: 'dropdown-dropdown-button',
    component: DropdownDropdownButtonDemoComponent,
  },
  { path: 'dropdown-sub-menu', component: DropdownSubMenuDemoComponent },
  {
    path: 'dropdown-overlay-visible',
    component: DropdownOverlayVisibleDemoComponent,
  },
  {
    path: 'dropdown-context-menu',
    component: DropdownContextMenuDemoComponent,
  },
  { path: 'menu-horizontal', component: MenuHorizontalDemoComponent },
  {
    path: 'menu-horizontal-position',
    component: MenuHorizontalPositionDemoComponent,
  },
  { path: 'menu-inline', component: MenuInlineDemoComponent },
  {
    path: 'menu-inline-collapsed',
    component: MenuInlineCollapsedDemoComponent,
  },
  { path: 'menu-sider-current', component: MenuSiderCurrentDemoComponent },
  { path: 'menu-vertical', component: MenuVerticalDemoComponent },
  { path: 'menu-theme', component: MenuThemeDemoComponent },
  { path: 'menu-switch-mode', component: MenuSwitchModeDemoComponent },
  { path: 'menu-router', component: MenuRouterDemoComponent },
  { path: 'menu-recursive', component: MenuRecursiveDemoComponent },
  { path: 'page-header-basic', component: PageHeaderBasicDemoComponent },
  { path: 'page-header-ghost', component: PageHeaderGhostDemoComponent },
  {
    path: 'page-header-breadcrumb',
    component: PageHeaderBreadcrumbDemoComponent,
  },
  { path: 'page-header-content', component: PageHeaderContentDemoComponent },
  { path: 'page-header-actions', component: PageHeaderActionsDemoComponent },
  {
    path: 'page-header-responsive',
    component: PageHeaderResponsiveDemoComponent,
  },
  { path: 'pagination-basic', component: PaginationBasicDemoComponent },
  { path: 'pagination-more', component: PaginationMoreDemoComponent },
  { path: 'pagination-changer', component: PaginationChangerDemoComponent },
  { path: 'pagination-jump', component: PaginationJumpDemoComponent },
  { path: 'pagination-mini', component: PaginationMiniDemoComponent },
  { path: 'pagination-simple', component: PaginationSimpleDemoComponent },
  {
    path: 'pagination-controlled',
    component: PaginationControlledDemoComponent,
  },
  { path: 'pagination-total', component: PaginationTotalDemoComponent },
  {
    path: 'pagination-item-render',
    component: PaginationItemRenderDemoComponent,
  },
  { path: 'steps-simple', component: StepsSimpleDemoComponent },
  { path: 'steps-small-size', component: StepsSmallSizeDemoComponent },
  { path: 'steps-start-index', component: StepsStartIndexDemoComponent },
  { path: 'steps-icon', component: StepsIconDemoComponent },
  { path: 'steps-step-next', component: StepsStepNextDemoComponent },
  { path: 'steps-vertical', component: StepsVerticalDemoComponent },
  { path: 'steps-vertical-small', component: StepsVerticalSmallDemoComponent },
  { path: 'steps-error', component: StepsErrorDemoComponent },
  { path: 'steps-progress-dot', component: StepsProgressDotDemoComponent },
  {
    path: 'steps-customized-progress-dot',
    component: StepsCustomizedProgressDotDemoComponent,
  },
  { path: 'steps-clickable', component: StepsClickableDemoComponent },
  { path: 'steps-nav', component: StepsNavDemoComponent },
  { path: 'steps-progress', component: StepsProgressDemoComponent },
  { path: 'auto-complete-basic', component: AutoCompleteBasicDemoComponent },
  {
    path: 'auto-complete-object-value',
    component: AutoCompleteObjectValueDemoComponent,
  },
  {
    path: 'auto-complete-options',
    component: AutoCompleteOptionsDemoComponent,
  },
  { path: 'auto-complete-custom', component: AutoCompleteCustomDemoComponent },
  {
    path: 'auto-complete-non-case-sensitive',
    component: AutoCompleteNonCaseSensitiveDemoComponent,
  },
  {
    path: 'auto-complete-certain-category',
    component: AutoCompleteCertainCategoryDemoComponent,
  },
  {
    path: 'auto-complete-uncertain-category',
    component: AutoCompleteUncertainCategoryDemoComponent,
  },
  { path: 'auto-complete-status', component: AutoCompleteStatusDemoComponent },
  { path: 'cascader-basic', component: CascaderBasicDemoComponent },
  {
    path: 'cascader-default-value',
    component: CascaderDefaultValueDemoComponent,
  },
  { path: 'cascader-trigger', component: CascaderTriggerDemoComponent },
  { path: 'cascader-hover', component: CascaderHoverDemoComponent },
  { path: 'cascader-disabled', component: CascaderDisabledDemoComponent },
  {
    path: 'cascader-change-on-select',
    component: CascaderChangeOnSelectDemoComponent,
  },
  { path: 'cascader-size', component: CascaderSizeDemoComponent },
  {
    path: 'cascader-custom-render',
    component: CascaderCustomRenderDemoComponent,
  },
  {
    path: 'cascader-reactive-form',
    component: CascaderReactiveFormDemoComponent,
  },
  { path: 'cascader-lazy', component: CascaderLazyDemoComponent },
  {
    path: 'cascader-change-on-function',
    component: CascaderChangeOnFunctionDemoComponent,
  },
  { path: 'cascader-modal', component: CascaderModalDemoComponent },
  { path: 'cascader-search', component: CascaderSearchDemoComponent },
  {
    path: 'cascader-trigger-action',
    component: CascaderTriggerActionDemoComponent,
  },
  {
    path: 'cascader-default-value-and-lazyload',
    component: CascaderDefaultValueAndLazyloadDemoComponent,
  },
  {
    path: 'cascader-default-value-and-asyn-options',
    component: CascaderDefaultValueAndAsynOptionsDemoComponent,
  },
  {
    path: 'cascader-custom-field-names',
    component: CascaderCustomFieldNamesDemoComponent,
  },
  {
    path: 'cascader-custom-template',
    component: CascaderCustomTemplateDemoComponent,
  },
  { path: 'cascader-status', component: CascaderStatusDemoComponent },
  { path: 'checkbox-basic', component: CheckboxBasicDemoComponent },
  { path: 'checkbox-disabled', component: CheckboxDisabledDemoComponent },
  { path: 'checkbox-controller', component: CheckboxControllerDemoComponent },
  { path: 'checkbox-group', component: CheckboxGroupDemoComponent },
  { path: 'checkbox-check-all', component: CheckboxCheckAllDemoComponent },
  { path: 'checkbox-layout', component: CheckboxLayoutDemoComponent },
  { path: 'color-picker-basic', component: ColorPickerBasicDemoComponent },
  { path: 'color-picker-size', component: ColorPickerSizeDemoComponent },
  {
    path: 'color-picker-show-text',
    component: ColorPickerShowTextDemoComponent,
  },
  { path: 'color-picker-disable', component: ColorPickerDisableDemoComponent },
  { path: 'color-picker-clear', component: ColorPickerClearDemoComponent },
  { path: 'color-picker-trigger', component: ColorPickerTriggerDemoComponent },
  { path: 'color-picker-format', component: ColorPickerFormatDemoComponent },
  { path: 'color-picker-block', component: ColorPickerBlockDemoComponent },
  {
    path: 'color-picker-flip-flop',
    component: ColorPickerFlipFlopDemoComponent,
  },
  { path: 'color-picker-use', component: ColorPickerUseDemoComponent },
  { path: 'date-picker-basic', component: DatePickerBasicDemoComponent },
  {
    path: 'date-picker-range-picker',
    component: DatePickerRangePickerDemoComponent,
  },
  { path: 'date-picker-switch', component: DatePickerSwitchDemoComponent },
  { path: 'date-picker-format', component: DatePickerFormatDemoComponent },
  { path: 'date-picker-size', component: DatePickerSizeDemoComponent },
  { path: 'date-picker-time', component: DatePickerTimeDemoComponent },
  { path: 'date-picker-disabled', component: DatePickerDisabledDemoComponent },
  {
    path: 'date-picker-disabled-date',
    component: DatePickerDisabledDateDemoComponent,
  },
  { path: 'date-picker-start-end', component: DatePickerStartEndDemoComponent },
  {
    path: 'date-picker-presetted-ranges',
    component: DatePickerPresettedRangesDemoComponent,
  },
  {
    path: 'date-picker-extra-footer',
    component: DatePickerExtraFooterDemoComponent,
  },
  {
    path: 'date-picker-date-render',
    component: DatePickerDateRenderDemoComponent,
  },
  { path: 'date-picker-bordered', component: DatePickerBorderedDemoComponent },
  { path: 'date-picker-inline', component: DatePickerInlineDemoComponent },
  { path: 'date-picker-status', component: DatePickerStatusDemoComponent },
  {
    path: 'date-picker-placement',
    component: DatePickerPlacementDemoComponent,
  },
  {
    path: 'date-picker-week-number',
    component: DatePickerWeekNumberDemoComponent,
  },
  {
    path: 'form-horizontal-login',
    component: FormHorizontalLoginDemoComponent,
  },
  { path: 'form-normal-login', component: FormNormalLoginDemoComponent },
  { path: 'form-register', component: FormRegisterDemoComponent },
  { path: 'form-advanced-search', component: FormAdvancedSearchDemoComponent },
  {
    path: 'form-dynamic-form-item',
    component: FormDynamicFormItemDemoComponent,
  },
  {
    path: 'form-time-related-controls',
    component: FormTimeRelatedControlsDemoComponent,
  },
  {
    path: 'form-validate-reactive',
    component: FormValidateReactiveDemoComponent,
  },
  {
    path: 'form-validate-template',
    component: FormValidateTemplateDemoComponent,
  },
  { path: 'form-auto-tips', component: FormAutoTipsDemoComponent },
  { path: 'form-validate-static', component: FormValidateStaticDemoComponent },
  { path: 'form-coordinated', component: FormCoordinatedDemoComponent },
  { path: 'form-layout', component: FormLayoutDemoComponent },
  { path: 'form-dynamic-rule', component: FormDynamicRuleDemoComponent },
  { path: 'form-label-wrap', component: FormLabelWrapDemoComponent },
  { path: 'form-label-align', component: FormLabelAlignDemoComponent },
  { path: 'input-basic', component: InputBasicDemoComponent },
  { path: 'input-size', component: InputSizeDemoComponent },
  { path: 'input-addon', component: InputAddonDemoComponent },
  { path: 'input-group', component: InputGroupDemoComponent },
  { path: 'input-search-input', component: InputSearchInputDemoComponent },
  { path: 'input-textarea', component: InputTextareaDemoComponent },
  {
    path: 'input-autosize-textarea',
    component: InputAutosizeTextareaDemoComponent,
  },
  { path: 'input-tooltip', component: InputTooltipDemoComponent },
  { path: 'input-presuffix', component: InputPresuffixDemoComponent },
  { path: 'input-password-input', component: InputPasswordInputDemoComponent },
  { path: 'input-allow-clear', component: InputAllowClearDemoComponent },
  { path: 'input-borderless', component: InputBorderlessDemoComponent },
  {
    path: 'input-textarea-with-character-count',
    component: InputTextareaWithCharacterCountDemoComponent,
  },
  { path: 'input-status', component: InputStatusDemoComponent },
  { path: 'input-number-basic', component: InputNumberBasicDemoComponent },
  {
    path: 'input-number-borderless',
    component: InputNumberBorderlessDemoComponent,
  },
  { path: 'input-number-size', component: InputNumberSizeDemoComponent },
  {
    path: 'input-number-disabled',
    component: InputNumberDisabledDemoComponent,
  },
  { path: 'input-number-digit', component: InputNumberDigitDemoComponent },
  {
    path: 'input-number-formatter',
    component: InputNumberFormatterDemoComponent,
  },
  {
    path: 'input-number-precision',
    component: InputNumberPrecisionDemoComponent,
  },
  { path: 'input-number-status', component: InputNumberStatusDemoComponent },
  { path: 'input-number-addon', component: InputNumberAddonDemoComponent },
  { path: 'input-number-prefix', component: InputNumberPrefixDemoComponent },
  { path: 'input-number-group', component: InputNumberGroupDemoComponent },
  { path: 'mention-basic', component: MentionBasicDemoComponent },
  { path: 'mention-async', component: MentionAsyncDemoComponent },
  { path: 'mention-form', component: MentionFormDemoComponent },
  { path: 'mention-prefix', component: MentionPrefixDemoComponent },
  { path: 'mention-readonly', component: MentionReadonlyDemoComponent },
  { path: 'mention-placement', component: MentionPlacementDemoComponent },
  { path: 'mention-avatar', component: MentionAvatarDemoComponent },
  { path: 'mention-custom-tag', component: MentionCustomTagDemoComponent },
  { path: 'mention-multilines', component: MentionMultilinesDemoComponent },
  { path: 'mention-preview', component: MentionPreviewDemoComponent },
  { path: 'mention-status', component: MentionStatusDemoComponent },
  { path: 'radio-basic', component: RadioBasicDemoComponent },
  { path: 'radio-disable', component: RadioDisableDemoComponent },
  { path: 'radio-radiogroup', component: RadioRadiogroupDemoComponent },
  {
    path: 'radio-radiogroup-more',
    component: RadioRadiogroupMoreDemoComponent,
  },
  {
    path: 'radio-radiogroup-options',
    component: RadioRadiogroupOptionsDemoComponent,
  },
  { path: 'radio-radiobutton', component: RadioRadiobuttonDemoComponent },
  {
    path: 'radio-radiogroup-with-name',
    component: RadioRadiogroupWithNameDemoComponent,
  },
  { path: 'radio-size', component: RadioSizeDemoComponent },
  { path: 'radio-solid', component: RadioSolidDemoComponent },
  { path: 'rate-basic', component: RateBasicDemoComponent },
  { path: 'rate-half', component: RateHalfDemoComponent },
  { path: 'rate-text', component: RateTextDemoComponent },
  { path: 'rate-disabled', component: RateDisabledDemoComponent },
  { path: 'rate-clear', component: RateClearDemoComponent },
  { path: 'rate-character', component: RateCharacterDemoComponent },
  { path: 'rate-customize', component: RateCustomizeDemoComponent },
  { path: 'select-basic', component: SelectBasicDemoComponent },
  { path: 'select-search', component: SelectSearchDemoComponent },
  { path: 'select-multiple', component: SelectMultipleDemoComponent },
  { path: 'select-size', component: SelectSizeDemoComponent },
  { path: 'select-tags', component: SelectTagsDemoComponent },
  { path: 'select-optgroup', component: SelectOptgroupDemoComponent },
  { path: 'select-coordinate', component: SelectCoordinateDemoComponent },
  { path: 'select-search-box', component: SelectSearchBoxDemoComponent },
  { path: 'select-label-in-value', component: SelectLabelInValueDemoComponent },
  {
    path: 'select-automatic-tokenization',
    component: SelectAutomaticTokenizationDemoComponent,
  },
  { path: 'select-select-users', component: SelectSelectUsersDemoComponent },
  {
    path: 'select-custom-dropdown-menu',
    component: SelectCustomDropdownMenuDemoComponent,
  },
  { path: 'select-hide-selected', component: SelectHideSelectedDemoComponent },
  {
    path: 'select-custom-content',
    component: SelectCustomContentDemoComponent,
  },
  { path: 'select-scroll-load', component: SelectScrollLoadDemoComponent },
  { path: 'select-default-value', component: SelectDefaultValueDemoComponent },
  { path: 'select-big-data', component: SelectBigDataDemoComponent },
  { path: 'select-border-less', component: SelectBorderLessDemoComponent },
  {
    path: 'select-custom-template',
    component: SelectCustomTemplateDemoComponent,
  },
  { path: 'select-options', component: SelectOptionsDemoComponent },
  { path: 'select-status', component: SelectStatusDemoComponent },
  { path: 'select-placement', component: SelectPlacementDemoComponent },
  { path: 'slider-basic', component: SliderBasicDemoComponent },
  { path: 'slider-input-number', component: SliderInputNumberDemoComponent },
  { path: 'slider-icon-slider', component: SliderIconSliderDemoComponent },
  { path: 'slider-tip-formatter', component: SliderTipFormatterDemoComponent },
  { path: 'slider-event', component: SliderEventDemoComponent },
  { path: 'slider-mark', component: SliderMarkDemoComponent },
  { path: 'slider-vertical', component: SliderVerticalDemoComponent },
  { path: 'slider-tooltip', component: SliderTooltipDemoComponent },
  { path: 'slider-reverse', component: SliderReverseDemoComponent },
  { path: 'switch-basic', component: SwitchBasicDemoComponent },
  { path: 'switch-disabled', component: SwitchDisabledDemoComponent },
  { path: 'switch-text', component: SwitchTextDemoComponent },
  { path: 'switch-size', component: SwitchSizeDemoComponent },
  { path: 'switch-loading', component: SwitchLoadingDemoComponent },
  { path: 'switch-control', component: SwitchControlDemoComponent },
  { path: 'time-picker-basic', component: TimePickerBasicDemoComponent },
  { path: 'time-picker-value', component: TimePickerValueDemoComponent },
  { path: 'time-picker-size', component: TimePickerSizeDemoComponent },
  { path: 'time-picker-disabled', component: TimePickerDisabledDemoComponent },
  {
    path: 'time-picker-hide-column',
    component: TimePickerHideColumnDemoComponent,
  },
  {
    path: 'time-picker-interval-options',
    component: TimePickerIntervalOptionsDemoComponent,
  },
  { path: 'time-picker-addon', component: TimePickerAddonDemoComponent },
  {
    path: 'time-picker-disabled-part',
    component: TimePickerDisabledPartDemoComponent,
  },
  {
    path: 'time-picker-use12-hours',
    component: TimePickerUse12HoursDemoComponent,
  },
  { path: 'time-picker-status', component: TimePickerStatusDemoComponent },
  { path: 'time-picker-bordered', component: TimePickerBorderedDemoComponent },
  { path: 'transfer-basic', component: TransferBasicDemoComponent },
  { path: 'transfer-search', component: TransferSearchDemoComponent },
  { path: 'transfer-advanced', component: TransferAdvancedDemoComponent },
  { path: 'transfer-custom-item', component: TransferCustomItemDemoComponent },
  {
    path: 'transfer-table-transfer',
    component: TransferTableTransferDemoComponent,
  },
  {
    path: 'transfer-tree-transfer',
    component: TransferTreeTransferDemoComponent,
  },
  { path: 'transfer-status', component: TransferStatusDemoComponent },
  { path: 'tree-select-basic', component: TreeSelectBasicDemoComponent },
  { path: 'tree-select-multiple', component: TreeSelectMultipleDemoComponent },
  { path: 'tree-select-async', component: TreeSelectAsyncDemoComponent },
  {
    path: 'tree-select-checkable',
    component: TreeSelectCheckableDemoComponent,
  },
  {
    path: 'tree-select-virtual-scroll',
    component: TreeSelectVirtualScrollDemoComponent,
  },
  {
    path: 'tree-select-placement',
    component: TreeSelectPlacementDemoComponent,
  },
  { path: 'tree-select-status', component: TreeSelectStatusDemoComponent },
  { path: 'upload-basic', component: UploadBasicDemoComponent },
  { path: 'upload-avatar', component: UploadAvatarDemoComponent },
  {
    path: 'upload-default-file-list',
    component: UploadDefaultFileListDemoComponent,
  },
  { path: 'upload-picture-card', component: UploadPictureCardDemoComponent },
  { path: 'upload-file-list', component: UploadFileListDemoComponent },
  { path: 'upload-drag', component: UploadDragDemoComponent },
  { path: 'upload-directory', component: UploadDirectoryDemoComponent },
  {
    path: 'upload-upload-manually',
    component: UploadUploadManuallyDemoComponent,
  },
  { path: 'upload-picture-style', component: UploadPictureStyleDemoComponent },
  { path: 'upload-preview-file', component: UploadPreviewFileDemoComponent },
  {
    path: 'upload-transform-file',
    component: UploadTransformFileDemoComponent,
  },
  {
    path: 'upload-upload-with-aliyun-oss',
    component: UploadUploadWithAliyunOssDemoComponent,
  },
  { path: 'avatar-basic', component: AvatarBasicDemoComponent },
  { path: 'avatar-type', component: AvatarTypeDemoComponent },
  { path: 'avatar-dynamic', component: AvatarDynamicDemoComponent },
  { path: 'avatar-badge', component: AvatarBadgeDemoComponent },
  { path: 'avatar-group', component: AvatarGroupDemoComponent },
  { path: 'badge-basic', component: BadgeBasicDemoComponent },
  { path: 'badge-no-wrapper', component: BadgeNoWrapperDemoComponent },
  { path: 'badge-overflow', component: BadgeOverflowDemoComponent },
  { path: 'badge-dot', component: BadgeDotDemoComponent },
  { path: 'badge-link', component: BadgeLinkDemoComponent },
  { path: 'badge-change', component: BadgeChangeDemoComponent },
  { path: 'badge-offset', component: BadgeOffsetDemoComponent },
  { path: 'badge-status', component: BadgeStatusDemoComponent },
  { path: 'badge-size', component: BadgeSizeDemoComponent },
  { path: 'badge-colorful', component: BadgeColorfulDemoComponent },
  { path: 'badge-ribbon', component: BadgeRibbonDemoComponent },
  { path: 'calendar-basic', component: CalendarBasicDemoComponent },
  {
    path: 'calendar-notice-calendar',
    component: CalendarNoticeCalendarDemoComponent,
  },
  { path: 'calendar-card', component: CalendarCardDemoComponent },
  { path: 'calendar-select', component: CalendarSelectDemoComponent },
  { path: 'card-basic', component: CardBasicDemoComponent },
  { path: 'card-border-less', component: CardBorderLessDemoComponent },
  { path: 'card-simple', component: CardSimpleDemoComponent },
  {
    path: 'card-flexible-content',
    component: CardFlexibleContentDemoComponent,
  },
  { path: 'card-in-column', component: CardInColumnDemoComponent },
  { path: 'card-loading', component: CardLoadingDemoComponent },
  { path: 'card-grid-card', component: CardGridCardDemoComponent },
  { path: 'card-inner', component: CardInnerDemoComponent },
  { path: 'card-tabs', component: CardTabsDemoComponent },
  { path: 'card-meta', component: CardMetaDemoComponent },
  { path: 'carousel-basic', component: CarouselBasicDemoComponent },
  { path: 'carousel-position', component: CarouselPositionDemoComponent },
  { path: 'carousel-fade', component: CarouselFadeDemoComponent },
  { path: 'carousel-autoplay', component: CarouselAutoplayDemoComponent },
  { path: 'carousel-custom', component: CarouselCustomDemoComponent },
  { path: 'carousel-loop', component: CarouselLoopDemoComponent },
  { path: 'collapse-basic', component: CollapseBasicDemoComponent },
  { path: 'collapse-accordion', component: CollapseAccordionDemoComponent },
  { path: 'collapse-mix', component: CollapseMixDemoComponent },
  { path: 'collapse-borderless', component: CollapseBorderlessDemoComponent },
  { path: 'collapse-custom', component: CollapseCustomDemoComponent },
  { path: 'collapse-noarrow', component: CollapseNoarrowDemoComponent },
  { path: 'collapse-extra', component: CollapseExtraDemoComponent },
  { path: 'collapse-ghost', component: CollapseGhostDemoComponent },
  { path: 'comment-basic', component: CommentBasicDemoComponent },
  { path: 'comment-list', component: CommentListDemoComponent },
  { path: 'comment-nested', component: CommentNestedDemoComponent },
  { path: 'comment-editor', component: CommentEditorDemoComponent },
  { path: 'descriptions-basic', component: DescriptionsBasicDemoComponent },
  { path: 'descriptions-border', component: DescriptionsBorderDemoComponent },
  {
    path: 'descriptions-custom-size',
    component: DescriptionsCustomSizeDemoComponent,
  },
  {
    path: 'descriptions-responsive',
    component: DescriptionsResponsiveDemoComponent,
  },
  {
    path: 'descriptions-vertical',
    component: DescriptionsVerticalDemoComponent,
  },
  {
    path: 'descriptions-vertical-border',
    component: DescriptionsVerticalBorderDemoComponent,
  },
  { path: 'empty-basic', component: EmptyBasicDemoComponent },
  { path: 'empty-simple', component: EmptySimpleDemoComponent },
  { path: 'empty-customize', component: EmptyCustomizeDemoComponent },
  { path: 'empty-config', component: EmptyConfigDemoComponent },
  { path: 'empty-description', component: EmptyDescriptionDemoComponent },
  { path: 'image-basic', component: ImageBasicDemoComponent },
  { path: 'image-fallback', component: ImageFallbackDemoComponent },
  { path: 'image-placeholder', component: ImagePlaceholderDemoComponent },
  { path: 'image-preview-group', component: ImagePreviewGroupDemoComponent },
  { path: 'image-service', component: ImageServiceDemoComponent },
  {
    path: 'image-controlled-preview',
    component: ImageControlledPreviewDemoComponent,
  },
  { path: 'list-simple', component: ListSimpleDemoComponent },
  { path: 'list-basic', component: ListBasicDemoComponent },
  { path: 'list-loadmore', component: ListLoadmoreDemoComponent },
  { path: 'list-vertical', component: ListVerticalDemoComponent },
  { path: 'list-grid', component: ListGridDemoComponent },
  { path: 'list-resposive', component: ListResposiveDemoComponent },
  { path: 'list-infinite-load', component: ListInfiniteLoadDemoComponent },
  { path: 'popover-basic', component: PopoverBasicDemoComponent },
  { path: 'popover-placement', component: PopoverPlacementDemoComponent },
  { path: 'popover-control', component: PopoverControlDemoComponent },
  {
    path: 'popover-arrow-point-at-center',
    component: PopoverArrowPointAtCenterDemoComponent,
  },
  { path: 'popover-template', component: PopoverTemplateDemoComponent },
  { path: 'popover-trigger-type', component: PopoverTriggerTypeDemoComponent },
  { path: 'qr-code-basic', component: QrCodeBasicDemoComponent },
  { path: 'qr-code-icon', component: QrCodeIconDemoComponent },
  { path: 'qr-code-status', component: QrCodeStatusDemoComponent },
  { path: 'qr-code-padding', component: QrCodePaddingDemoComponent },
  { path: 'qr-code-color', component: QrCodeColorDemoComponent },
  { path: 'qr-code-background', component: QrCodeBackgroundDemoComponent },
  { path: 'qr-code-error-level', component: QrCodeErrorLevelDemoComponent },
  { path: 'qr-code-download', component: QrCodeDownloadDemoComponent },
  { path: 'segmented-basic', component: SegmentedBasicDemoComponent },
  { path: 'segmented-disabled', component: SegmentedDisabledDemoComponent },
  { path: 'segmented-dynamic', component: SegmentedDynamicDemoComponent },
  { path: 'segmented-icon', component: SegmentedIconDemoComponent },
  { path: 'segmented-value', component: SegmentedValueDemoComponent },
  { path: 'segmented-custom', component: SegmentedCustomDemoComponent },
  { path: 'segmented-size', component: SegmentedSizeDemoComponent },
  { path: 'segmented-block', component: SegmentedBlockDemoComponent },
  { path: 'statistic-basic', component: StatisticBasicDemoComponent },
  { path: 'statistic-unit', component: StatisticUnitDemoComponent },
  { path: 'statistic-card', component: StatisticCardDemoComponent },
  { path: 'statistic-countdown', component: StatisticCountdownDemoComponent },
  { path: 'table-basic', component: TableBasicDemoComponent },
  {
    path: 'table-row-selection-and-operation',
    component: TableRowSelectionAndOperationDemoComponent,
  },
  {
    path: 'table-row-selection-custom',
    component: TableRowSelectionCustomDemoComponent,
  },
  { path: 'table-sort-filter', component: TableSortFilterDemoComponent },
  {
    path: 'table-multiple-sorter',
    component: TableMultipleSorterDemoComponent,
  },
  { path: 'table-reset-filter', component: TableResetFilterDemoComponent },
  {
    path: 'table-custom-filter-panel',
    component: TableCustomFilterPanelDemoComponent,
  },
  { path: 'table-ajax', component: TableAjaxDemoComponent },
  { path: 'table-size', component: TableSizeDemoComponent },
  { path: 'table-bordered', component: TableBorderedDemoComponent },
  { path: 'table-expand', component: TableExpandDemoComponent },
  { path: 'table-expand-icon', component: TableExpandIconDemoComponent },
  {
    path: 'table-colspan-rowspan',
    component: TableColspanRowspanDemoComponent,
  },
  {
    path: 'table-expand-children',
    component: TableExpandChildrenDemoComponent,
  },
  { path: 'table-fixed-header', component: TableFixedHeaderDemoComponent },
  { path: 'table-fixed-columns', component: TableFixedColumnsDemoComponent },
  {
    path: 'table-fixed-columns-header',
    component: TableFixedColumnsHeaderDemoComponent,
  },
  {
    path: 'table-grouping-columns',
    component: TableGroupingColumnsDemoComponent,
  },
  { path: 'table-edit-cell', component: TableEditCellDemoComponent },
  { path: 'table-edit-row', component: TableEditRowDemoComponent },
  { path: 'table-nested-table', component: TableNestedTableDemoComponent },
  { path: 'table-virtual', component: TableVirtualDemoComponent },
  { path: 'table-drag-sorting', component: TableDragSortingDemoComponent },
  { path: 'table-template', component: TableTemplateDemoComponent },
  { path: 'table-break-word', component: TableBreakWordDemoComponent },
  { path: 'table-ellipsis', component: TableEllipsisDemoComponent },
  {
    path: 'table-dynamic-settings',
    component: TableDynamicSettingsDemoComponent,
  },
  { path: 'table-custom-column', component: TableCustomColumnDemoComponent },
  { path: 'tabs-basic', component: TabsBasicDemoComponent },
  { path: 'tabs-disabled', component: TabsDisabledDemoComponent },
  { path: 'tabs-centered', component: TabsCenteredDemoComponent },
  { path: 'tabs-icon', component: TabsIconDemoComponent },
  { path: 'tabs-slide', component: TabsSlideDemoComponent },
  { path: 'tabs-extra', component: TabsExtraDemoComponent },
  { path: 'tabs-size', component: TabsSizeDemoComponent },
  { path: 'tabs-position', component: TabsPositionDemoComponent },
  { path: 'tabs-card', component: TabsCardDemoComponent },
  { path: 'tabs-editable-card', component: TabsEditableCardDemoComponent },
  { path: 'tabs-card-top', component: TabsCardTopDemoComponent },
  {
    path: 'tabs-custom-add-trigger',
    component: TabsCustomAddTriggerDemoComponent,
  },
  { path: 'tabs-lazy', component: TabsLazyDemoComponent },
  { path: 'tabs-link-router', component: TabsLinkRouterDemoComponent },
  { path: 'tabs-guard', component: TabsGuardDemoComponent },
  { path: 'tag-basic', component: TagBasicDemoComponent },
  { path: 'tag-colorful', component: TagColorfulDemoComponent },
  { path: 'tag-control', component: TagControlDemoComponent },
  { path: 'tag-checkable', component: TagCheckableDemoComponent },
  { path: 'tag-hot-tags', component: TagHotTagsDemoComponent },
  { path: 'tag-icon', component: TagIconDemoComponent },
  { path: 'tag-status', component: TagStatusDemoComponent },
  { path: 'timeline-basic', component: TimelineBasicDemoComponent },
  { path: 'timeline-color', component: TimelineColorDemoComponent },
  { path: 'timeline-pending', component: TimelinePendingDemoComponent },
  { path: 'timeline-alternate', component: TimelineAlternateDemoComponent },
  { path: 'timeline-custom', component: TimelineCustomDemoComponent },
  { path: 'timeline-right', component: TimelineRightDemoComponent },
  { path: 'timeline-position', component: TimelinePositionDemoComponent },
  { path: 'timeline-label', component: TimelineLabelDemoComponent },
  { path: 'tooltip-basic', component: TooltipBasicDemoComponent },
  { path: 'tooltip-placement', component: TooltipPlacementDemoComponent },
  {
    path: 'tooltip-arrow-point-at-center',
    component: TooltipArrowPointAtCenterDemoComponent,
  },
  { path: 'tooltip-template', component: TooltipTemplateDemoComponent },
  { path: 'tooltip-origin', component: TooltipOriginDemoComponent },
  { path: 'tooltip-color', component: TooltipColorDemoComponent },
  { path: 'tree-basic', component: TreeBasicDemoComponent },
  {
    path: 'tree-basic-controlled',
    component: TreeBasicControlledDemoComponent,
  },
  { path: 'tree-draggable', component: TreeDraggableDemoComponent },
  {
    path: 'tree-draggable-confirm',
    component: TreeDraggableConfirmDemoComponent,
  },
  { path: 'tree-dynamic', component: TreeDynamicDemoComponent },
  { path: 'tree-search', component: TreeSearchDemoComponent },
  { path: 'tree-line', component: TreeLineDemoComponent },
  { path: 'tree-customized-icon', component: TreeCustomizedIconDemoComponent },
  { path: 'tree-directory', component: TreeDirectoryDemoComponent },
  { path: 'tree-virtual-scroll', component: TreeVirtualScrollDemoComponent },
  { path: 'tree-view-basic', component: TreeViewBasicDemoComponent },
  { path: 'tree-view-checkbox', component: TreeViewCheckboxDemoComponent },
  { path: 'tree-view-directory', component: TreeViewDirectoryDemoComponent },
  { path: 'tree-view-dynamic', component: TreeViewDynamicDemoComponent },
  { path: 'tree-view-line', component: TreeViewLineDemoComponent },
  { path: 'tree-view-editable', component: TreeViewEditableDemoComponent },
  { path: 'tree-view-search', component: TreeViewSearchDemoComponent },
  {
    path: 'tree-view-virtual-scroll',
    component: TreeViewVirtualScrollDemoComponent,
  },
  { path: 'alert-basic', component: AlertBasicDemoComponent },
  { path: 'alert-style', component: AlertStyleDemoComponent },
  { path: 'alert-closable', component: AlertClosableDemoComponent },
  { path: 'alert-description', component: AlertDescriptionDemoComponent },
  { path: 'alert-icon', component: AlertIconDemoComponent },
  { path: 'alert-close-text', component: AlertCloseTextDemoComponent },
  { path: 'alert-banner', component: AlertBannerDemoComponent },
  { path: 'alert-action', component: AlertActionDemoComponent },
  { path: 'alert-custom-icon', component: AlertCustomIconDemoComponent },
  { path: 'drawer-basic-right', component: DrawerBasicRightDemoComponent },
  { path: 'drawer-placement', component: DrawerPlacementDemoComponent },
  { path: 'drawer-from-drawer', component: DrawerFromDrawerDemoComponent },
  { path: 'drawer-user-profile', component: DrawerUserProfileDemoComponent },
  {
    path: 'drawer-multi-level-drawer',
    component: DrawerMultiLevelDrawerDemoComponent,
  },
  { path: 'drawer-service', component: DrawerServiceDemoComponent },
  { path: 'drawer-size', component: DrawerSizeDemoComponent },
  { path: 'message-info', component: MessageInfoDemoComponent },
  { path: 'message-other', component: MessageOtherDemoComponent },
  { path: 'message-duration', component: MessageDurationDemoComponent },
  { path: 'message-loading', component: MessageLoadingDemoComponent },
  { path: 'message-close', component: MessageCloseDemoComponent },
  { path: 'modal-basic', component: ModalBasicDemoComponent },
  { path: 'modal-async', component: ModalAsyncDemoComponent },
  { path: 'modal-footer', component: ModalFooterDemoComponent },
  { path: 'modal-footer2', component: ModalFooter2DemoComponent },
  { path: 'modal-confirm', component: ModalConfirmDemoComponent },
  {
    path: 'modal-confirm-promise',
    component: ModalConfirmPromiseDemoComponent,
  },
  { path: 'modal-info', component: ModalInfoDemoComponent },
  { path: 'modal-locale', component: ModalLocaleDemoComponent },
  { path: 'modal-manual', component: ModalManualDemoComponent },
  { path: 'modal-position', component: ModalPositionDemoComponent },
  { path: 'modal-service', component: ModalServiceDemoComponent },
  { path: 'notification-basic', component: NotificationBasicDemoComponent },
  {
    path: 'notification-duration',
    component: NotificationDurationDemoComponent,
  },
  {
    path: 'notification-with-icon',
    component: NotificationWithIconDemoComponent,
  },
  {
    path: 'notification-with-btn',
    component: NotificationWithBtnDemoComponent,
  },
  {
    path: 'notification-custom-icon',
    component: NotificationCustomIconDemoComponent,
  },
  {
    path: 'notification-placement',
    component: NotificationPlacementDemoComponent,
  },
  {
    path: 'notification-custom-style',
    component: NotificationCustomStyleDemoComponent,
  },
  { path: 'notification-update', component: NotificationUpdateDemoComponent },
  {
    path: 'notification-template',
    component: NotificationTemplateDemoComponent,
  },
  { path: 'popconfirm-basic', component: PopconfirmBasicDemoComponent },
  { path: 'popconfirm-locale', component: PopconfirmLocaleDemoComponent },
  { path: 'popconfirm-placement', component: PopconfirmPlacementDemoComponent },
  {
    path: 'popconfirm-dynamic-trigger',
    component: PopconfirmDynamicTriggerDemoComponent,
  },
  {
    path: 'popconfirm-custom-icon',
    component: PopconfirmCustomIconDemoComponent,
  },
  {
    path: 'popconfirm-hide-arrow',
    component: PopconfirmHideArrowDemoComponent,
  },
  { path: 'popconfirm-async', component: PopconfirmAsyncDemoComponent },
  { path: 'popconfirm-promise', component: PopconfirmPromiseDemoComponent },
  { path: 'progress-line', component: ProgressLineDemoComponent },
  { path: 'progress-circle', component: ProgressCircleDemoComponent },
  { path: 'progress-line-mini', component: ProgressLineMiniDemoComponent },
  { path: 'progress-circle-mini', component: ProgressCircleMiniDemoComponent },
  {
    path: 'progress-circle-dynamic',
    component: ProgressCircleDynamicDemoComponent,
  },
  { path: 'progress-dynamic', component: ProgressDynamicDemoComponent },
  { path: 'progress-format', component: ProgressFormatDemoComponent },
  { path: 'progress-dashboard', component: ProgressDashboardDemoComponent },
  { path: 'progress-segment', component: ProgressSegmentDemoComponent },
  { path: 'progress-round', component: ProgressRoundDemoComponent },
  { path: 'progress-gradient', component: ProgressGradientDemoComponent },
  { path: 'progress-step', component: ProgressStepDemoComponent },
  { path: 'result-success', component: ResultSuccessDemoComponent },
  { path: 'result-info', component: ResultInfoDemoComponent },
  { path: 'result-warning', component: ResultWarningDemoComponent },
  { path: 'result-fot', component: ResultFotDemoComponent },
  { path: 'result-fof', component: ResultFofDemoComponent },
  { path: 'result-foo', component: ResultFooDemoComponent },
  { path: 'result-error', component: ResultErrorDemoComponent },
  { path: 'result-custom', component: ResultCustomDemoComponent },
  { path: 'skeleton-basic', component: SkeletonBasicDemoComponent },
  { path: 'skeleton-complex', component: SkeletonComplexDemoComponent },
  { path: 'skeleton-active', component: SkeletonActiveDemoComponent },
  { path: 'skeleton-element', component: SkeletonElementDemoComponent },
  { path: 'skeleton-children', component: SkeletonChildrenDemoComponent },
  { path: 'skeleton-list', component: SkeletonListDemoComponent },
  { path: 'spin-basic', component: SpinBasicDemoComponent },
  { path: 'spin-size', component: SpinSizeDemoComponent },
  { path: 'spin-inside', component: SpinInsideDemoComponent },
  { path: 'spin-nested', component: SpinNestedDemoComponent },
  { path: 'spin-tip', component: SpinTipDemoComponent },
  {
    path: 'spin-delay-and-debounce',
    component: SpinDelayAndDebounceDemoComponent,
  },
  {
    path: 'spin-custom-indicator',
    component: SpinCustomIndicatorDemoComponent,
  },
  { path: 'anchor-basic', component: AnchorBasicDemoComponent },
  { path: 'anchor-static', component: AnchorStaticDemoComponent },
  { path: 'anchor-on-click', component: AnchorOnClickDemoComponent },
  {
    path: 'anchor-customize-highlight',
    component: AnchorCustomizeHighlightDemoComponent,
  },
  { path: 'anchor-target-offset', component: AnchorTargetOffsetDemoComponent },
  { path: 'anchor-on-change', component: AnchorOnChangeDemoComponent },
  { path: 'back-top-basic', component: BackTopBasicDemoComponent },
  { path: 'back-top-custom', component: BackTopCustomDemoComponent },
  { path: 'back-top-target', component: BackTopTargetDemoComponent },
  { path: 'hash-code-basic', component: HashCodeBasicDemoComponent },
  { path: 'hash-code-copy', component: HashCodeCopyDemoComponent },
  { path: 'hash-code-primary', component: HashCodePrimaryDemoComponent },
  { path: 'hash-code-single', component: HashCodeSingleDemoComponent },
  { path: 'hash-code-strip', component: HashCodeStripDemoComponent },
  { path: 'hash-code-rect', component: HashCodeRectDemoComponent },
  { path: 'hash-code-logo', component: HashCodeLogoDemoComponent },

  { path: '', pathMatch: 'full', redirectTo: '/button-basic' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}
